css

Тёмная тема на сайте: второй этап
Тёмная тема на сайте: второй этап

Сохраняем тему и добавляем переключатель

1 часть
Как подключить фотогалерею к сайту
2 часть
Как добавить кнопки «Поделиться» на страницу
3 часть
Как подключить комментарии к сайту
4 часть
Как подключить статистику посещений к сайту
5 часть
Как очень быстро и яростно добавить музыкальный трек на страницу
6 часть
Как добавить интерактивную карту на сайт
7 часть
Как добавить строку поиска на сайт
8 часть
Как добавить тёмную тему на страницу
9 часть
Тёмная тема на сайте: второй этап
medium
Как добавить тёмную тему на страницу
Как добавить тёмную тему на страницу

Используем простой скрипт и CSS-переменные

1 часть
Как подключить фотогалерею к сайту
2 часть
Как добавить кнопки «Поделиться» на страницу
3 часть
Как подключить комментарии к сайту
4 часть
Как подключить статистику посещений к сайту
5 часть
Как очень быстро и яростно добавить музыкальный трек на страницу
6 часть
Как добавить интерактивную карту на сайт
7 часть
Как добавить строку поиска на сайт
8 часть
Как добавить тёмную тему на страницу
9 часть
Тёмная тема на сайте: второй этап
easy
Красивый проект с трёхмерной графикой в браузере

Вращаем Луну вокруг Земли

1 часть
Программируем скринсейвер для Илона
2 часть
Красивый проект с трёхмерной графикой в браузере
medium
Как добавить на страницу блок, который можно закрыть (например, баннер)

Рецепт самого бесящего явления в интернете

1 часть
Как убрать что угодно на любом сайте
2 часть
Как добавить на страницу блок, который можно закрыть (например, баннер)
easy
Проект: эффектно переключаем картинки на странице
Проект: эффектно переключаем картинки на странице

Как в бумажном журнале

1 часть
Прокачиваем навыки CSS: GRID
2 часть
Создаём CSS-сетку нужного размера
3 часть
Верстаем в сетке
4 часть
Собираем сайт-портфолио для фотографа
5 часть
Проект: эффектно переключаем картинки на странице
easy
Модный веб: добавляем эффект параллакса на веб-страницу
Модный веб: добавляем эффект параллакса на веб-страницу

Как на модных лендингах

1 часть
Делаем эффектную фотогалерею на сайте
2 часть
Модный веб: добавляем эффект параллакса на веб-страницу
easy
Делаем свой слайдер для картинок «было — стало»
Делаем свой слайдер для картинок «было — стало»

Космический проект

1 часть
Зачем вам jQuery
2 часть
Как поменять размер чего угодно на странице
3 часть
Делаем игру Wordle на JavaScript
4 часть
Не Wordle, а «Вордль»: русифицируем заморскую игру
5 часть
Что означает ошибка SyntaxError: Unexpected token '{'. import call expects exactly one argument
6 часть
Делаем свой слайдер для картинок «было — стало»
medium
Улучшаем контекстное меню: делаем стильно и красиво
Улучшаем контекстное меню: делаем стильно и красиво

Почти как настоящее

1 часть
Какая бывает память
2 часть
Экзотические виды памяти
3 часть
Самые интересные и необычные винтажные компьютеры
4 часть
Как прокачать буфер обмена
5 часть
Правильные цитаты: добавляем первоисточник в ворованный с вашего сайта контент
6 часть
Делаем новое контекстное меню на странице
7 часть
Улучшаем контекстное меню: делаем стильно и красиво
medium
Не Wordle, а «Вордль»: русифицируем заморскую игру

Управляем анимацией и добавляем экранную клавиатуру

1 часть
Зачем вам jQuery
2 часть
Как поменять размер чего угодно на странице
3 часть
Делаем игру Wordle на JavaScript
4 часть
Не Wordle, а «Вордль»: русифицируем заморскую игру
5 часть
Что означает ошибка SyntaxError: Unexpected token '{'. import call expects exactly one argument
6 часть
Делаем свой слайдер для картинок «было — стало»
medium
Делаем игру Wordle на JavaScript

Прокачиваем свой английский

1 часть
Зачем вам jQuery
2 часть
Как поменять размер чего угодно на странице
3 часть
Делаем игру Wordle на JavaScript
4 часть
Не Wordle, а «Вордль»: русифицируем заморскую игру
5 часть
Что означает ошибка SyntaxError: Unexpected token '{'. import call expects exactly one argument
6 часть
Делаем свой слайдер для картинок «было — стало»
medium
Играем со шрифтами на главной странице
Играем со шрифтами на главной странице

Делаем красивый эффект на случайном фоне

easy
Перекрашиваем картинки с помощью CSS
Перекрашиваем картинки с помощью CSS

Фотошопим кодом в браузере

1 часть
10 полезных инструментов для создания роскошного CSS
2 часть
Одной строкой: новые CSS-команды для фронтендов
3 часть
Ещё больше полезных CSS-команд
4 часть
Зачем нужны переменные в CSS
5 часть
Как сделать колесо фортуны на сайте
6 часть
Красивый цветной текст в CSS: как это сделать
7 часть
На стиле — подборка интересных CSS-свойств
8 часть
Делаем красивые чекбоксы с анимацией
9 часть
Перекрашиваем картинки с помощью CSS
easy