журнал
Яндекс Практикума

#css

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

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

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

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

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

3 часть
Добавляем перетаскивание в свой Трелло-планировщик

hard

Собираем свой веб-браузер из готовых элементов за 20 минут

Собираем свой веб-браузер из готовых элементов за 20 минут

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

1 часть
Что происходит, когда мы открываем сайт в браузере 2 часть
Что такое CDN в интернете 3 часть
Как правильно писать адрес сайта 4 часть
Линкуй, сокращай. Как работают сокращатели ссылок 5 часть
Что такое UTM-метки и зачем они нужны 6 часть
Как посчитать переходы по ссылке с UTM-метками 7 часть
Что влияет на фронтенд-производительность 8 часть
Что нужно, чтобы создать свой веб-браузер

9 часть
Собираем свой веб-браузер из готовых элементов за 20 минут

hard

Играем в двадцать одно на компьютере

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

1 часть
Симулируем вероятности в сложной логической задаче 2 часть
Пишем свой блек-джек на Python

3 часть
Играем в двадцать одно на компьютере

hard

Препроцессор Pug — возможности, основы работы, за что любят, в чём минусы

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

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

4 часть
Препроцессор Pug — возможности, основы работы, за что любят, в чём минусы

easy

Что такое псевдоэлементы в CSS и что интересного можно с ними сделать

Что такое псевдоэлементы в CSS и что интересного можно с ними сделать

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

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

4 часть
Что такое псевдоэлементы в CSS и что интересного можно с ними сделать

easy

Как работают блокировщики рекламы в браузерах

Как работают блокировщики рекламы в браузерах

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

1 часть
Делаем свой блокировщик любой рекламы за 3 минуты

2 часть
Как работают блокировщики рекламы в браузерах

3 часть
Shadow DOM: что это, как с ним работать и чем он может быть полезен разработчику

easy

UIkit — фреймворк для быстрого создания веб-приложений и сайтов

UIkit — фреймворк для быстрого создания веб-приложений и сайтов

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

easy

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

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

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

1 часть
База по вёрстке: основы HTML 2 часть
Самые частые ошибки в HTML-вёрстке

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

easy

Делаем простую браузерную игру в шашки на двоих

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

hard

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

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

1 часть
База по вёрстке: основы HTML 2 часть
Самые частые ошибки в HTML-вёрстке

easy

Не стыдно

Как с помощью CSS задавать размеры элементов на сайте

Как с помощью CSS задавать размеры элементов на сайте

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

easy

Красивый цветной текст в CSS: как это сделать

Красивый цветной текст в CSS: как это сделать

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

1 часть
10 полезных инструментов для создания роскошного CSS 2 часть
Одной строкой: новые CSS-команды для фронтендов 3 часть
Ещё больше полезных CSS-команд 4 часть
Зачем нужны переменные в CSS 5 часть
Как сделать колесо фортуны на сайте

6 часть
Красивый цветной текст в CSS: как это сделать

7 часть
На стиле — подборка интересных CSS-свойств 8 часть
Делаем красивые чекбоксы с анимацией 9 часть
Перекрашиваем картинки с помощью CSS

easy

Pages: 123456