Menu Animation

Анимация кнопки меню, реализованная с помощью CSS и JavaScript.

#js

​Основные принципы хорошего нейминга

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

#ru

Live data

Демонстрация работы графика с автоматическим обновлением данных. Создано с использованием библиотеки amCharts.

#js

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

Ответ

Typing Effect

Эффект последовательного ввода букв, реализованный в JS.

#js

Neon Effect Arrow

Анимация стрелки с неоновым эффектом Pure, реализована с помощью CSS.

#css

​Как сопоставлять скобки с помощью JavaScript и без использования Regex

Разбираем, как с помощью JS определять, совпадают ли пары открывающих и закрывающих символов (), [] и {} внутри строки типа «[foo () {bar}]».

#ru

Fit Text

Подгонка текста по ширине окна просмотра, реализованная с помощью переменных CSS и JavaScript.

#js

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

Ответ

Logo animation

Вся сцена состоит из svg-картинки, которая анимируется библиотекой anime.js

#js

​Тестирование кода HTML при помощи CSS

Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS. В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо, оформляя его в болезненно-розовом цвете и непопулярным шрифтом Comic Sans MS.

Селекторы, устанавливавшие "мстительный" стиль, широко используют отрицающий псевдокласс :not, который был уже доступен на протяжении 11 лет.

#ru

Single div CSS - Window

Окно с открывающейся ставней. В HTML - один блок div, все остальное - CSS.

#css