#css

Гид по CSS Grid
Гид по CSS Grid

Раскладываем всё по ячейкам на странице

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

Накидали несколько вариантов

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

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

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

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

Делаем свой планировщик задач Добавляем перетаскивание в свой Трелло-планировщик
hard
Собираем свой веб-браузер из готовых элементов за 20 минут
Собираем свой веб-браузер из готовых элементов за 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 — фреймворк для быстрого создания веб-приложений и сайтов

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

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

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

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

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

hard