#css

Рисуем абстрактные картины на чистом CSS
Рисуем абстрактные картины на чистом CSS

Импрессионизм, авангардизм и искусство

easy
Делаем свой планировщик задач в стиле Трелло
Делаем свой планировщик задач в стиле Трелло

Нет препятствий патриотам

Делаем свой планировщик задач Добавляем перетаскивание в свой Трелло-планировщик
hard
Собираем свой веб-браузер из готовых элементов за 20 минут

Сможете писать в портфолио, что создали свой браузер :-)

Что происходит, когда мы открываем сайт в браузере Что такое CDN в интернете Как правильно писать адрес сайта Линкуй, сокращай. Как работают сокращатели ссылок Что такое UTM-метки и зачем они нужны Как посчитать переходы по ссылке с UTM-метками Что влияет на фронтенд-производительность Что нужно, чтобы создать свой веб-браузер
hard
Играем в двадцать одно на компьютере

Свой проект с блек-джеком и JavaScript

Симулируем вероятности в сложной логической задаче Пишем свой блек-джек на Python
hard
Препроцессор Pug — возможности, основы работы, за что любят, в чём минусы
Препроцессор Pug — возможности, основы работы, за что любят, в чём минусы

Это как препроцессор CSS, только в HTML

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

Они видны на странице, но их нет в HTML

За что ты послал нам препроцессоры? Чем мы тебя прогневали? Проглючило: делаем глитч-эффект на SASS Препроцессор Sass — с чего начать новичку
easy
Как работают блокировщики рекламы в браузерах
Как работают блокировщики рекламы в браузерах

Разбираемся со списками фильтрации, запросами и тем, как сайты могут сами бороться с блокировщиками

Делаем свой блокировщик любой рекламы за 3 минуты Shadow DOM: что это, как с ним работать и чем он может быть полезен разработчику
easy
UIkit — фреймворк для быстрого создания веб-приложений и сайтов
UIkit — фреймворк для быстрого создания веб-приложений и сайтов

Легко, доступно, адаптивно

easy
Вёрстка Pixel Perfect: что это такое, зачем нужно и как делается

Когда идеален каждый пиксель

База по вёрстке: основы HTML Самые частые ошибки в HTML-вёрстке
easy
Делаем простую браузерную игру в шашки на двоих

DOM, DOM — и в дамки!

hard
База по вёрстке: самые основы CSS
База по вёрстке: самые основы CSS

Учимся наводить красоту в веб

База по вёрстке: основы HTML Самые частые ошибки в HTML-вёрстке
easy
Как с помощью CSS задавать размеры элементов на сайте
Как с помощью CSS задавать размеры элементов на сайте

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

easy