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

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

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

По всем вопросам: @anothertechrock
Download Telegram
Изучаем веб-дизайн. Гайд по 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
​​Подборка свежих выпусков подкастов по верстке (и фронтенду в целом)

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

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 #русский
​​Свежие русскоязычные туториалы по верстке

Привет, собрал для вас видеотуториалы, вышедшие за последнюю неделю. Будут полезны начинающим.

- Калькулятор туалетной бумаги на HTML, SCSS и jQuery
Cмотреть на YouTube

- Верстка интернет-магазина техники из PSD макета.
Смотреть на YouTube

- Игра "Час земли" на чистом HTML/CSS
Смотреть на YouTube

#html #css #русский
​Если бы я учил Frontend сегодня. Советы начинающим

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

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

#html #css #js #русский
​​Плавность анимации CSS: миф или реальность

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

Рассчитана на опытных разработчиков.

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

#css #русский
​​14 плагинов для Фигмы, которые помогут повысить производительность пока мы все #сидимдома

Обзор свежих плагинов для повышения производительности при работе с Figma. Куча полезного - от удобного исплользования CSS до исправления орфографических ошибок.

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

#design #figma #css
​20 расширений VS Code, которые вам понравятся

Подборка плагинов для верстки и фронтенд-разрботки в целом. Читайте, если используете VSCode (а если еще не используете, начните - как по мне, лучший редактор для верстальщика)

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

#hmtl #css #русский
🟡Frontend дайджест за неделю c 6 по 12 июля

🔖 Почитать:

▪️ Манипулируй DOM правильно
▪️ [React] Разбираем useId( ) хук под микроскопом
▪️ Не наступил ли у React момент переписывания Angular.js на Angular?
▪️ Как настроить Node.js Express сервер для React
▪️ Как я использую React Hook Form
▪️ Новый перспективный веб-фреймворк Cample.js. Реактивность без VDOM
▪️ Пишем хорошие компоненты, которые захочется переиспользовать, а плохие — не пишем
▪️ Разработка фронтенда ИТ-продукта: какой подход выбрать исходя из задач бизнеса
▪️ Оптимизация Apollo-client
▪️ 8 полезных библиотек React, которые упрощают жизнь разработчику
▪️ Введение в View Transitions API
▪️ Новинки CSS и UI: I/O 2023
▪️ Мои любимые вопросы о CSS с ответами. Версия 2023 года
▪️ Как фронтендеру пройти собеседование: разбор типичных задач и советы от тимлида «РТК ИТ»
▪️ Знакомимся с @scope в CSS
▪️ Разбираемся в REST assured как новичок и не только

👀 Посмотреть:

🌐 JavaScript - Путь самурая. Первые шаги к отладке программы, DEBUG. БЕСПЛАТНЫЙ КУРС IT-KAMASUTRA (⏱ 28:05)
🌐 JS - Путь самурая. Сложная программа, if else, проценты, счётчик. JAVASCRIPT для новичков (⏱ 43:42)
🌐 #1 "Джуны и сеньоры" - Пишем игру на ЧИСТОМ JS (⏱ 22:53)
🌐 Верстка сайта#html #css #js (⏱ 11:10:20)

Хорошего дня!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥8❤7
🌐 Верстка сайта #html #css #js

#посмотреть #junior

Мега-видео на 11 часов по адаптивной верстке

Смотреть на YouTube (~11 часов)
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤6🔥4
Шпаргалки для начинающего
верстальщика HTML/
CSS

Автор
: Эберт Елена
Год издания: 2021

#html #css #ru

Скачать книгу
🤔7❤1👍1
Наглядный CSS

Автор:
Сидельников Грег
Год издания: 2021

#css #ru

Скачать книгу
😁9❤4
Веб-дизайн для начинающих

Автор
: Роббинс Дженнифер
Год издания: 2021

#css #ru

Скачать книгу
👍11
Bootstrap и CSS-препроцессор Sass

Автор
: Прохоренок Н. А.
Год издания: 2021

#css #ru

Скачать книгу
👍11👎3🙈2🤬1