Sphere

Анимация вращения трёх сфер, реализованная с помощью Three.js.

#js

​conic-gradient и radial-gradient

Подробный разбор работы градиентов, их сходства и отличий и вариантов использования.

#css

Фрактал

Анимированный фрактал, выполненный на чистом JavaScript.

#js

Full-Stack React Projects

Автор: Shama Hoque
Год издания: 2020

#react #english

Как создать свой первый кастомный transition в Svelte

#css #js

Читать

Slider boomerang effect

Необычный слайдер, листать который можно при помощи кнопок или колесика мыши.

#css #js

4 способа добавить иконки на сайт из Figma

Подробный разбор того, как лучше всего добавлять иконки на сайт из макета Figma. Автор статьи рассмотрел 4 способа и оценил их плюсы и минусы.

#css #js

BEER

Кружка наполняется пивом при клике и удержании кнопки мыши. Реализовано на чистом CSS с использованием SVG.

#css

Building APIs with Node.js

Автор: Caio Ribeiro Pereira
Год издания: 2016

#node #english

Функция "Показать пароль"

Видеоурок: автор показывает, как добавить возможность просмотра пароля, введенного в поле password.

#js

https://youtu.be/G8DOZ-sqdg0

День и ночь

Смена дня и ночи, выполненная с помощью CSS и библиотеки jQuery. Смена дня и ночи происходит при клике на солнце/луну.

#css #js

Как сделать так, чтобы стандартные HTML элементы отображались одинаково во всех браузерах?

Некоторые элементы форм имеют уникальный внешний вид в каждой операционной системе. Например, выпадающий список в macOS внешне выглядит совсем не так, как такой же выпадающий список в Windows.

Свойство appearance позволяет задавать внешний вид одних элементов другим элементам. При этом браузер будет отрисовывать их с учётом текущей операционной системы пользователя и темы оформления.

В настоящее время используется в основном appearance: none для сброса системных стилей, остальные значения не работают практически ни в одном браузере.

#css

Часы

Все элементы анимированы при помощи CSS, без JS.

#css

.Net Knowledge Book

Автор: Patrick Desjardins
Год издания: 2017

#net #english

Morphing Ball

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

#css #js

Basic Wind Strip

Анимация небольшой полосы ветра, реализованная с помощью JavaScript.

#js

Delightful React

Автор: Bhargav Ponnapalli
Год издания: 2019

#react #english

Full Moon in Paris

Кроме красивой верстки окна с видом на Париж, автор также создал обратный отсчет до следующего полнолуния или новолуния.

#css #js

Секундомер, реализованный с помощью Pug и Stylus, без использования JavaScript.

#css

Clean Code in JavaScript

Автор: James Padolsey
Год издания: 2020

#javascript #english