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

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

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

По всем вопросам: @godinmedia
Download Telegram
​​Как создать карусель на чистом CSS

Практический step-by-step гайд про создание карусели на чистом CSS. Во все шаги автор добавил ссылки на codepen.

Читать статью
​​3 безумно простых способа переключить сайт в темный режим

Темные темы в последнее время набрали популярность - вот свежая статья про базовые способы организации переключения сайта на темную/светлую тему.

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

- Копия YouTube за 1.5 часа. Верстка сайта с нуля (~2 часа)
Смотреть на YouTube

- Верстка сайта с нуля до завершения - HTML, CSS, JS (~7 часов)
Смотреть на YouTube

- Как подготовить макет сайта для верстки (~1 час)
Смотреть на YouTube

Хороших выходных!
Лучшие GitHub-репозитории для веб-разработчиков

Свежая статья с подборкой полезных репозиториев. Разные чек-листы, книги, бойлерплейты. Много по JS, но есть и по верстке и фронтенду в целом.

Читать статью
Красота прогрессивных улучшений в веб-разработке

Простым языком о прогрессивных улучшениях в вебе: зачем они нужны и как это все делается.

Читать статью
​​Все, что надо знать о min(), max(), clamp()

Хорошие новости - с 8 апреля 2020 функции сравнения CSS стали поддерживаться в Firefox, а это значит, что их наконец можно начинать использовать! Статья рассказывает о вариантах их использования.

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

- Верстка сайта для новичков Интенсив по верстке (~ 10 часов)
День 1 | День 2 | День 3

- Модальные окна (попапы) на HTML CSS JavaScript. Как это сделать? (~ 40 минут)
Смотреть на YouTube

- Верстаем сайт-портфолио на HTML/CSS из PSD (~2 часа)
Смотреть на YouTube

Хороших выходных 😇
​​Как задать высоту строки в CSS

Как настроить высоту строки в CSS статья с подробным разбором line-height — одного из самых часто используемых, но не всегда правильно понимаемых атрибутов.

Читать статью
Еще больше программерского юмора ищите на канале Программист от бога
​​Что должен уметь верстальщик, чтобы его все хотели

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

Читать статью
​​Цвета в CSS

Все, что нужно знать о цветах в CSS - систематизировано и уложено в одну статью. Будет полезно для начинающих.

Читать статью
Бесплатные ресурсы для веб-разработчиков

Классная подборка инструментов и сервисов по вебу. Бесплатные иллюстрации, инструменты для разработки, CSS-библиотеки и многое другое.

Первая часть | Вторая часть

Хороших выходных!
Самые популярные CSS-фреймворки

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

Читать статью
​​10 полезных приёмов для JavaScript-программистов

Практики, позволяющие сделать код читабельнее и качественнее. С наглядными примерами кода.

Читать статью
​​Использование масок CSS для создания зубчатых краев

Действительно полезная фишка, которая может пригодится в верстке. Практическое применение CSS масок.

Читать статью
​​Руководство для начинающих по WEBPACK

Отличная статья для тех, кто хочет начать работать с Webpack. Пошаговое руководство.

Читать статью
​​Красивое удобнее, чем некрасивое?

Обзор исследований о корреляции красоты и юзабилити. Действительно ли красота влияет на удобство?

Читать статью
​​Cлайдер с голосовым управлением на JavaScript

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

Читать статью
​​Использование Grid для макетов страниц, а Flexbox — для макетов компонентов

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

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