Верстальщик от бога
6.68K members
65 photos
88 links
Самый большой канал по верстке в телеграм.

По крупицам собираем frontend-годноту из интернета.

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

По всем вопросам: @godinmedia
Download Telegram
to view and join the conversation
​​Как быстро спроектировать сайт с помощью 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. хороших выходных, не болейте!
​​Анимация текста с помощью SVG и CSS

Свежая статья с пошаговым разбором создания анимации текста. С примерами на codepen.

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

#css #english
Создай свой вебсайт - гайд по HTML, CSS и Wordpress

Автор: Nate Cooper
Год издания: 2014

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

#html #css #book #english
​​В Москве установят памятник верстальщику

Как сообщают профильные издания, комитет по архитектуре и градостроительству утвердил установку памятника верстальщикам в районе Сколково. По предварительной информации, скульптура будет представлять собой логотип Internet Explorer и плачущего на ним человека.

Читать подробнее
Web Stack - канал для начинающих и продвинутых веб-разработчиков, который поможет прокачать скилы.

Админы собирают топовые статьи по front end и backend разработке, фишки ЯП, лучшие практики и туториалы.

Это и многое другое вы найдете на канале @web_stack. Рекомендуем подписаться.
​​Подборка свежих выпусков подкастов по верстке (и фронтенду в целом)

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

CSSSR: Новости 512 — Angular 9.1, Prettier 2.0, CSS auto, практикуем чистый JS и учимся на карантине
Слушать на SoundCloud

Веб-стандарты: 223. Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки, старые трюки, auto в CSS
Слушать на SoundCloud

UnderJS: Cамый большой changelog от пакетного менеджера Yarn 2, самые быстрые веб сервера, а так-же про грустные асинхронном баги в коде.
Слушать на SoundCloud

#css #js #html #русский
​​Всё о ключевом слове auto в CSS

Большой материал со всеми особенностями применения ключевого слова auto в CSS. Must read как для начинающих, так и для опытных верстальщиков.

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

#css #русский