Верстальщик от бога
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
Векторизация с помощью Three.js

#почитать

Преобразовать картинки разных форматов в векторное изображение.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔9👍1
Bootstrap и CSS-препроцессор Sass

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

#css #ru

Скачать книгу
👍11👎3🙈2🤬1
👏19😁16🎉5👍2
Пятница перестает быть томной 😆
😁24
▫️ Слоистый CSS со взбитыми сливками

#посмотреть

В спецификации CSS Cascading and Inheritance Level 5 появилась сущность, которая сильно повлияет на способ организации CSS-кода в проектах. Эта сущность — слои, которые задаются директивой @layer. С введением слоёв методологии вроде БЭМ становятся не такими уж и универсальными.

Смотреть на YouTube ⏱️35 минут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍92🔥2
🙃
😁24👍114👎2🙈1💘1
😁24👍8🔥1
🗿
Please open Telegram to view this post
VIEW IN TELEGRAM
😁28🙈4👍2
🐀
😁74
Селекторы HTML элементов в JavaScript

#почитать

Манипулирование деревом DOM, это альфа и омега любого фронтенд-разработчика, а это не возможно без селекторов позволяющих находить HTML элементы. Давайте подробно разберёмся как они работают.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
5👍2
Гибкие макеты

#почитать

Не все знают, что можно менять размер шрифта в настройках браузера, и тем более не многие этим пользуются. Но если мы хотим обеспечить отзывчивость, мы должны учитывать и этот фактор. Во всех браузерах размер шрифта по умолчанию равен 16px; если это значение будет изменено, будет изменен и размер одного rem. Поэтому все размеры связанные с типографикой и не только лучше задавать в этих единицах.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔51
Современные способы переключения контента

#почитать

Мы склонны использовать знакомые решения. Когда речь заходит о переключении контента, мы обычно используем свойства display: none или opacity: 0 с добавлением JavaScript. Однако современный веб стремительно развивается, и, возможно, настало время рассмотреть другие подходы к переключению контента — узнать, какие нативные API на сегодняшний день поддерживаются, их достоинства и недостатки, а также некоторые нюансы, о которых мы могли и не подозревать (включая псевдоэлементы и другие малоизвестные вещи).


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Релиз Tailwind CSS v4.0

#почитать

Tailwind CSS v4.0 — это совершенно новая версия фреймворка, оптимизированная для производительности и гибкости, с переосмысленной конфигурацией и кастомизацией, а также использующая все преимущества последних достижений веб-платформ.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
😁7🎉3🙈3
CSS-трюки, использующие только один градиент

#почитать

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


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍72🔥1
ТОП-35 курсов HTML и CSS

#почитать

Создание веб-сайтов — это не просто работа, а настоящее искусство.


Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
6😁4🙈2
Vite 6

#почитать

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

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👏6👍1
Fluid Superscripts and Subscripts

#почитать

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

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Практикум. Разноцветный текст

#почитать

Вам необходимо покрасить текст в разные цвета, например, в радужный градиент. Но как это сделать, если свойство color может принимать только один цвет?

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔5
Проблема с new URL(), и как URL.parse() её решает

#почитать

Часто приходится анализировать множество URL-адресов. Частично для их проверки, а также для нормализации или извлечения определённых частей из URL. API URL в браузерах позволяет это делать, но его эргономика не идеальна.

Читать статью
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51👎1🔥1