#HTML

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

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

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

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

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

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

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

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

Симулируем вероятности в сложной логической задаче Пишем свой блек-джек на Python
hard
Shadow DOM: что это, как с ним работать и чем он может быть полезен разработчику
Shadow DOM: что это, как с ним работать и чем он может быть полезен разработчику

Видишь DOM? И я нет. А он есть.

Делаем свой блокировщик любой рекламы за 3 минуты Как работают блокировщики рекламы в браузерах
easy
Как можно скопировать чужой сайт
Как можно скопировать чужой сайт

Например, чтобы научиться делать так же

Делаем неубиваемый сайт: статика и динамика Отлить в бетоне! Создаём статичный сайт на Hugo Объясни мне: зачем нужен хостинг Что ещё полезного можно сделать со своим сервером Одностраничник, лендинг, сайт и портал — в чём разница Как работает Drag-and-Drop — загрузка файлов простым перетаскиванием на страницу Как сделать форму Drag-and-Drop у себя на сайте
easy
Как работают блокировщики рекламы в браузерах
Как работают блокировщики рекламы в браузерах

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

Делаем свой блокировщик любой рекламы за 3 минуты Shadow DOM: что это, как с ним работать и чем он может быть полезен разработчику
easy
Вёрстка Pixel Perfect: что это такое, зачем нужно и как делается
Вёрстка Pixel Perfect: что это такое, зачем нужно и как делается

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

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

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

hard
Самые частые ошибки в HTML-вёрстке

Это случается и с новичками, и с сеньорами

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

Для тех, кто хочет начать делать сайты

Самые частые ошибки в HTML-вёрстке Вёрстка Pixel Perfect: что это такое, зачем нужно и как делается
easy
Красивый цветной текст в CSS: как это сделать
Красивый цветной текст в CSS: как это сделать

Можно раскрасить хоть по диагонали

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