#почитать #junior

Разбор 5 наиболее популярных CSS-фреймворков: как они устроены, их плюсы и минусы.

Читать статью

#почитать #junior

Руководство по изучению CSS Grid, с понятным объяснением каждого шага и наглядной визуализацией работы свойств.

Читать статью

#почитать #junior #middle #senior

Детали работы медиазапроса @container, как лучше проводить переход на их использование в реальном проекте.

Читать статью

#посмотреть #junior #middle

Полная верстка интересного макета с необычными секциями на CSS Grid и Flex. Подгрузка товаров из JSON файлов с помощью AJAX.

Смотреть на YouTube

И макет лендоса в том же архиве

#почитать #junior

Как стилизовать input, чтобы он выглядел красиво, при этом без ущерба для доступности и SEO.

Читать статью

#почитать #junior #middle

Гайд по логическим свойствам CSS с примерами базового и расширенного использования.

Читать статью

#почитать #junior

Вывод более качественных изображений на экранах с более высокой плотностью пикселей. Подводные камни при реализации.

Читать статью

#почитать #junior #middle #senior

Как масштабировать шрифты с помощью size-adjust. Это позволяет "нормализовать" их размеры, тем самым устранив сдвиги контента при смене шрифтов.

Читать статью

#почитать #junior

Соотношения сторон: как их раньше реализовывали в CSS и как реализовывают сейчас. С наглядными примерами.

Читать статью

#посмотреть #junior #middle

Двухчасовой стрим на тему создания кастомных компонентов на Bootstrap. Какие настройки и миксины этот фреймворк предоставляет для разработки. Новое API для утилит, которое появилось в Bootstrap 5

Смотреть на YouTube

#почитать #junior #middle #senior

Подробное объяснение механизма создания нестандартного кастомного курсора на чистом JavaScript.

Читать статью

#почитать #junior #middle

Рассуждения на тему перспектив востребованности верстки и конкуренции с конструкторами и нейросетями.

Читать статью

#почитать #junior

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

Смотреть на YouTube

#почитать #junior #middle #senior

Подборка актуальных способов улучшения скорости работы веб-страниц через оптимизацию работы с изображениями.

Читать статью

#почитать #junior

Как правильно работать с декоративными изображениями: обнуление атрибута alt, элемент picture, фоновые изображения.

Читать статью

#посмотреть #junior #middle

Техники оценки стоимости проектов, которые актуальны как для начинающих верстальщиков, так и для продвинутых.

Смотреть на YouTube

#почитать #junior #middle #senior

Решение распространенной проблемы создания раскладки на Flexbox, состоящей из трех равных по ширине столбцов.

Читать статью