Верстальщик от бога
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
​​3 вещи о переменных CSS, которые вы могли не знать

Что делает браузер, если обратиться к несуществующей CSS переменной, как DevTools помогает отлавливать проблемы при работе с CSS переменными, и при чем тут вообще каскад.

Читать статью
​​10 полезных практик при написании CSS

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

Читать статью
​​Инспектирование CSS Grid

Тонкости инспектирования элементов с CSS Grid с помощью Chrome DevTools.

Читать статью
Как в CSS сделать слой полупрозрачного фона, не затрагивая текст

Создание полупрозрачного слоя, размещенного визуально над картинкой-фоном, но под контентом блока.

Читать статью
​​Руководство по HTML и CSS формам

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

Читать статью
​​Языки, которые почти стали CSS

Познавательная статья о том, как развивалась отрасль стилизации веб-страниц, и как мы пришли к CSS.

Читать статью
​​«Адаптивный» размер шрифта с использованием чистого CSS

Невероятно простое, но в то же время очень удобное решение проблем с адаптивным размером шрифта на чистом CSS.

Читать статью
​​Что такое атрибут rel="noopener"

Что из себя представляет атрибут rel="noopener" и какие проблемы с безопасностью он решает.

Читать статью
​​Готовим console.log() правильно

Как и с помощью каких методов лучше выводить что-либо в консоль, чем просто console.log.

Читать статью
Хороший пример правильной рекомендации о переезде с IE

Для тех, кто хочет посмотреть вживую: jcup.ru
​​Таблицы и CSS-свойство float в современной веб-разработке

Роль таблиц и "флоатов" в современном вебе, какие проблемы проявляются при использовании их для разметки страниц.

Читать статью
​​20 небольших, но вдохновляющих вызовов веб-разработчику

Подборка задач для развития навыков верстки и JS. Содержит как посильные даже для начинающего вызовы, так и сложные задачи с продвинутой 3D-анимацией.

Читать статью
​​:focus-visible уже доступно

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

Читать статью
​​Ошибки именования в вёрстке

Распространенные ошибки в именовании классов, чем они вредны и как их избежать.

Читать статью
Извините :)
​​Полное визуальное руководство-шпаргалка по Flexbox и Grid + туториал

Очень подробное руководство по Flexbox и Grid с наглядными изображениями.

Читать статью
​​Конвертация SVG в PNG: а воз и ныне там, но есть варианты

Зачем вообще конвертировать SVG в PNG, какие для этого существуют инструменты.

Читать статью
​​min(), max() и clamp(): три логические функции CSS

Три полезные функции CSS, которые уже поддерживаются современными браузерами. Что они делают, примеры использования.

Читать статью
​​Новая функция CSS image

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

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