Ripples

Рябь, выполненная с помощью SCSS и библиотеки Three.js.

#html #css #js

​CSS-свойство overscroll-behavior

Знакомимся с overscroll-behavior. Это свойство позволяет ограничить прокрутку одним контейнерм и предотвратить её распространение на родительские скролл-вьюпорты.

#css

Hashnode Logo CSS Art

Анимированная сцена, созданная на HTML и SCSS.

#html #css

ASP.NET Core 3 and Angular 9

Автор: Valerio De Sanctis
Год издания: 2020

#angular #english

Что будет выведено в консоль?

Ответ

Scattering hexagons

Анимация рассеивающихся шестиугольников, реализованная с помощью jQuery.

#js

Задача

Входные данные:

32-bit signed  integer number

Выходные данные:
number с перевернутыми цифрами (строкой), либо '0'

Примечание:
Если изменение number приводит к тому, что значение выходит за пределы интервала [-2^31, 2^31 - 1], нужно вернуть '0'

Ответ

​5 способов уменьшения размера пакетов JavaScript

Рассмотрели 5 способов уменьшить размер пакетов JavaScript, чтобы избавиться от проблем с производительностью.

#javascript

The React Workshop

Авторы: Brandon Richey, Ryan Yu, Endre Vegh, Theofanis Despoudis, Anton Punith, Florian Sloot
Год издания: 2020

#react #english

​Понимание условий асинхронной гонки JavaScript

Термин «состояние гонки» обычно применяется к конфликту при доступе к общим переменным в многопоточной среде. В Javascript ваш JS-код выполняется только одним потоком за раз, но все же можно создавать похожие проблемы.

Это распространенная проблема, когда люди просто вслепую делают свои функции асинхронными, не задумываясь о последствиях.

#javascript

Animated pie chart

Анимированная диаграмма, реализованная в виде svg картинки, которая анимируется библиотекой gsap.

#css #js

Deep Learning with JavaScript

Авторы: Shanqing Cai, Stanley Bileschi, Eric D. Nielsen, With François Chollet
Год издания: 2020

#javascript #english

Wavy Color Cube

Куб с анимацией переливающихся цветов в каждой из его сторон. Анимация реализована на чистом CSS.

#css

​Производительность фронтенда: большое приложение на реактивном SSR-топливе

Как построить архитектуру фронта, чтобы приложение загружалось быстро и при этом выполняло требования поисковой оптимизации? Как мы можем это измерить?

Значительно повысить производительность можно при помощи серверного рендеринга, но какая будет цена у такой оптимизации? Какой инструмент выбрать — готовую библиотеку или собственное решение? Какие ограничения в дальнейшем могут быть вызваны выбором того или иного подхода?

На все эти вопросы ответил frontend-разработчик Виталий Старов на конференции FrontendConf 2021.

#javascript

Platonic solids

Анимированный настраиваемый многогранник, выполненный с помощью CSS и JavaScript.

#css #js

React to Python

Автор: John Sheehan, Jenna Sys
Год издания: 2021

#react #english

Задача

Напишите функцию sumTo(n), которая вычисляет сумму чисел 1 + 2 + ... + n.

Ответ