​​Полное руководство по data-атрибутам

Наверное все, что нужно знать про data-атрибуты в HTML. Систематизировано и оформлено в одной статье.

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

#html #русский

​​Что делать, когда CSS блокирует парсинг страницы?

Хорошая статья с разбором ситуаций, в которых неправильное обращение с CSS-ресурсами ухудшает работу веб-страниц.

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

#css #русский

Масштабируемый CSS (Enduring CSS)

Автор: Ben Frain
Год издания: 2017

Скачать для ознакомления

#css #book #english

​​Чистый CSS: 4 метода анимирования цвета ссылок

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

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

#css #русский

Всем, кому приходится это делать...

​​Moscow CSS 17 - запись митапа

Запись свежего митапа mocsowcss - 3 небольших доклада:

- Как понять дизайнера и больше погрузиться в продукт
- Особенности CSS в веб-компонентах
- Custom Properties: переменные или свойства

Хороших выходных :)

Смотреть на YouTube

#css #русский

YouTube-каналы для начинающих верстальщиков на русском языке

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

От 0 до 1 - уроки фронтенд-разработки от Вадима Прокопчука

Типичный верстальщик - верстка, дизайн, веб-разработка

Просто: разработка - веб-разработка, верстка, javascript

Канал Вадима Макеева - уроки верстки от руководителя сообщества "Веб-стандарты", организатора pitercss_meetup и pitercss_conf

BrainsCloud - много контента по веб-разработке для начинающих

Фрилансер по жизни - верстка, общие размышления про IT

#html #css #js #русский

P.S. Это не рекламный пост. Все ссылки взяты из нашего чата. Если знаете похожие каналы, делитесь в чате вестальщиков.

​​Как быстро спроектировать сайт с помощью CSS Grid

Неплохая статья для начинающих верстальщиков, где подробно разбирается простой темплейт на CSS Grid. Будет полезно и тем, кто никогда не работал с гридами.

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

#html #css #русский

​​CSS Grid: Верстаем адаптивный журнальный макет в 20 строк

Вдогонку к предыдущему посту свежая статья с практическим примером верстки сложного макета на гридах. Все разобрано в мельчайших подробностях. Must read всем, кто верстает или хочет научиться верстать с CSS Grid.

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

#css #русский

​​Инклюзивные компоненты: слайдер

Длиннющая статья, где описано все, что нужно знать про слайдеры и как их правильно готовить - начиная с UI/UX и заканчивая кодом. Дополнено большим количеством примеров.

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

#html #css #javascript #русский

P.S. инклюзивный = доступный, удобный

​​Руководство для прохождения интервью по фронтенду

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

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

#html #webdev #русский

Хороших выходных!

Пишите такой код, чтобы не медитировать над ним в пн :)

​​«Не закрывайте теги!»

Возможно, вы даже не догадывались, что в стандарте есть целая куча тегов, которые закрывать необязательно (а некоторые и нельзя). Свежая статья с разбором и аргументацией такого подхода.

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

#html #css #русский

Изучаем веб-дизайн. Гайд по HTML, CSS, JavaScript и Веб-дизайну для начинающих (Learning Web Design - A Beginner's Guide to HTML, CSS, JavaScript and Web Graphics)

Автор: Jennifer Robbins
Год издания: 2018

Скачать для ознакомления

#html #css #js #book #english

​Зачем изучать HTML и CSS, или Когда роботы заменят верстальщиков на рынке труда

Свежая статья с размышлениями об актуальности изучения HTML и CSS. Обзор рынка труда, зарплат и мнения экспертов о том, стоит ли учить все это или нет. (Спойлер: стоит)

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

#html #css #русский

​​CSS: полное руководство по функции calc()

Статья, в которой описано все, что нужно знать о calc() в CSS. Куча теории и примеров из жизни.

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

#css #русский

​​Туториал. Простая анимация на чистом CSS

Подробный step-by-step гайд о том, как использовать CSS для создания и анимирования элементов. Будет полезно для тех, кто уже немного знаком с HTML/CSS.

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

#css #русский

​​Подборка свежих русскоязычных видеотуториалов по верстке

Всем привет, решил периодически шерстить YouTube в поисках свежих материалов для верстальщиков. Собственно, вот первая партия:

- Верстка HTML/CSS/JS с нуля, стрим (для новичков)
Cмотреть на YouTube

- HTML верстка из Figma. Верстаем сайт с реального проекта
Смотреть на YouTube

- Верстка сайта с нуля для начинающих | HTML, Grid и Flexbox CSS, VS Code, Figma
Смотреть на YouTube

#html #css #русский

p.s. хороших выходных, не болейте!