#вёрстка

Что такое соседние и родственные селекторы в CSS: объясняем на спринтерах
Что такое соседние и родственные селекторы в CSS: объясняем на спринтерах

Погружение в поведение объектов в CSS

1 часть
Программируем скринсейвер для Илона
2 часть
Красивый проект с трёхмерной графикой в браузере
3 часть
Игра «Собери пирамиду»
4 часть
Адаптируем «Пирамиду» для игры на смартфонах
5 часть
Делаем сами себе игру для Android
6 часть
Делаем Шар судьбы на CSS
7 часть
Что такое соседние и родственные селекторы в CSS: объясняем на спринтерах
easy
Почему некоторые разработчики ругают вёрстку на
Почему некоторые разработчики ругают вёрстку на «div»

Потому что иногда они правы

1 часть
Что такое HTML (и почему это важно)
2 часть
Таблицы в HTML
3 часть
Олды здесь: как сверстать веб-страницу на таблицах
4 часть
7 полезных HTML-тегов, про которые мало кто знает
5 часть
Почему некоторые разработчики ругают вёрстку на «div»
easy
7 полезных HTML-тегов, про которые мало кто знает

Теперь вы тоже про них узнаете

1 часть
Что такое HTML (и почему это важно)
2 часть
Таблицы в HTML
3 часть
Олды здесь: как сверстать веб-страницу на таблицах
4 часть
7 полезных HTML-тегов, про которые мало кто знает
5 часть
Почему некоторые разработчики ругают вёрстку на «div»
easy
Препроцессор Sass — с чего начать новичку

Верстаем по-взрослому

1 часть
За что ты послал нам препроцессоры? Чем мы тебя прогневали?
2 часть
Проглючило: делаем глитч-эффект на SASS
3 часть
Препроцессор Sass — с чего начать новичку
easy
Что нового в Бутстрапе 5
Что нового в Бутстрапе 5

Формы, иконки, компоненты и дизайн

1 часть
Делаем сами: адаптивный сайт
2 часть
Делаем страницу «О себе» на Бутстрапе
3 часть
Как сделать свой сайт за 10 минут без программирования
4 часть
Что нового в Бутстрапе 5
easy
Делаем красивые чекбоксы с анимацией
Делаем красивые чекбоксы с анимацией

Погружаемся в хитрости современного CSS

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

Для этого нужна простая советская...

1 часть
Что такое HTML (и почему это важно)
2 часть
Таблицы в HTML
3 часть
Олды здесь: как сверстать веб-страницу на таблицах
4 часть
7 полезных HTML-тегов, про которые мало кто знает
5 часть
Почему некоторые разработчики ругают вёрстку на «div»
easy
Таблицы в HTML
Таблицы в HTML

Как они работают и что у них внутри

1 часть
Что такое HTML (и почему это важно)
2 часть
Таблицы в HTML
3 часть
Олды здесь: как сверстать веб-страницу на таблицах
4 часть
7 полезных HTML-тегов, про которые мало кто знает
5 часть
Почему некоторые разработчики ругают вёрстку на «div»
easy
Как очень быстро и яростно добавить музыкальный трек на страницу

Всё для семьи

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

Шпаргалка по единицам измерения для начинающих верстальщиков

easy
Создаём CSS-сетку нужного размера

Рассказываем, как сделать шаблон любой страницы.

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

Таблицы на максималках.

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