Верстальщик от бога
12K subscribers
1.3K photos
17 videos
1 file
1.57K links
Регистрация в перечне РКН:
https://knd.gov.ru/license?id=6757e1989d804a279b283165&registryType=bloggersPermission

Самый большой канал по верстке в телеграм.

Чат верстальщиков: @godinhtmlchat

По всем вопросам: @godinmedia
Download Telegram
​​Подборка видеотуториалов по верстке за последние 2 недели

- Стоит ли учить HTML верстку в 2021? (~ 10 минут)
Смотреть на YouTube

- HTML, CSS нововведения которые нужно знать (~ 10 минут)
Смотреть на YouTube

- Верстка сайта - Делаем темную версию сайта (~ 10 минут)
Смотреть на YouTube

Хороших выходных 😇
​​В чём разница между узлом и элементом DOM?

Что из себя представляют DOM узел и DOM элемент, чем они отличаются.

Читать статью
​​Минимальный размер контента в CSS grid

Как решить проблему с горизонтальным скроллом при работе с Grid.

Читать статью
​​Просто вертикальный монитор не значит, что я на телефоне

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

Читать статью
​​Изучение нового CSS Houdini Painting API

Новый синтаксис CSS, позволяющий программно отрисовывать изображения.

Читать статью
​​Супероптимизированные статические сайты

Зачем использовать React для создания статических сайтов, и как это позволяет уменьшить вес страницы.

Читать статью
​​Как ускорить загрузку вашего веб-сайта

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

Читать статью
​​Невменяемый, необъятный масштаб браузеров

В чем проблема спецификаций и почему создать новый браузер — практически непосильная задача.

Читать статью
​​В ожидании aspect-ratio: все «хаки» для пропорциональных боксов

Как создавать элементы с пропорциональными высотой и шириной, использование @supports для комбинирования продвинутого свойства aspect-ratio и хаков.

Читать статью
​​Как ставить пустые ссылки

Зачем нужны пустые ссылки, разбор способов их создания.

Читать статью
​​9 полезных плагинов VS Code для вёрстки

Плагины, которые действительно ускоряют и делают более удобной верстку.

Читать статью
​​Прогрессивный рендеринг для лучшей производительности веб-приложений

Различные стратегии рендеринга веб-страниц, позволяющие ускорить этот процесс. Анализ производительности с помощью Chrome DevTools.

Читать статью
​​Пришло время попрощаться с единицей измерения px

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

Читать статью
​​Новая утечка истории браузера через favicon

Как недобросовестные владельцы сайтов могут с помощью кеширования выяснять, посещал ли пользователь определенные сайты.

Читать статью
​​Шесть антипаттернов в верстке

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

Читать статью
​​Действительно ли Tailwind CSS того стоит?

Какие преимущества получают разработчики от использования Tailwind CSS. Разбор недостатков этой библиотеки.

Читать статью
​​Как ускорить работу мобильного сайта за 5 шагов

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

Читать статью
​​Почему необходимо использовать тег picture вместо тега img

Разбор принципиальных различий между тегами picture и img.

Читать статью
​​Продвинутая отладка CSS Grid

Приемы, позволяющие с помощью DevTools эффективно выявлять проблемы и ошибки верстки при работе с Grid.

Читать статью
​​Подборка видеотуториалов по верстке за последние 2 недели

- Обзор Tailwind CSS и практика (~ 25 минут)
Смотреть на YouTube

- Вёрстка сайта - анализ, вёрстка десктопа, рефакторинг, оптимизация, доступность (~ 8.5 часов)
Часть 1 | Часть 2

- Делаем мультиязычный сайт c JavaScript (~ 25 минут)
Смотреть на YouTube

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