Верстальщик от бога
Открыть в Telegram
Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @godinmedia
Больше
Сеть:12 269
Подписчики
-124 часа
-367 дней
-13830 день
Загрузка данных...
Похожие каналы
![Frontender's notes [ru]](https://img.tlmtr.dev/c/1qrVZ3/5348049928330532677?ty=x)
Облако тегов
Входящие и исходящие упоминания
---
---
---
---
---
---
Привлечение подписчиков
декабрь '25
декабрь '25
+2
в 0 каналах
ноябрь '25
+137
в 0 каналах
Get PRO
октябрь '25
+153
в 0 каналах
Get PRO
сентябрь '25
+67
в 0 каналах
Get PRO
август '25
+200
в 0 каналах
Get PRO
июль '250
в 0 каналах
Get PRO
июнь '25
+248
в 0 каналах
Get PRO
май '25
+3
в 0 каналах
Get PRO
апрель '25
+4
в 0 каналах
Get PRO
март '250
в 0 каналах
Get PRO
февраль '25
+126
в 0 каналах
Get PRO
январь '25
+27
в 0 каналах
Get PRO
декабрь '24
+136
в 0 каналах
Get PRO
ноябрь '24
+576
в 0 каналах
Get PRO
октябрь '24
+551
в 0 каналах
Get PRO
сентябрь '24
+411
в 0 каналах
Get PRO
август '24
+512
в 0 каналах
Get PRO
июль '24
+525
в 0 каналах
Get PRO
июнь '24
+66
в 0 каналах
Get PRO
май '24
+112
в 0 каналах
Get PRO
апрель '24
+21
в 0 каналах
Get PRO
март '24
+13
в 0 каналах
Get PRO
февраль '24
+31
в 0 каналах
Get PRO
январь '24
+61
в 0 каналах
Get PRO
декабрь '23
+53
в 0 каналах
Get PRO
ноябрь '23
+18
в 0 каналах
Get PRO
октябрь '23
+978
в 0 каналах
Get PRO
сентябрь '230
в 0 каналах
Get PRO
август '230
в 0 каналах
Get PRO
июль '230
в 0 каналах
Get PRO
июнь '23
+5
в 0 каналах
Get PRO
май '23
+129
в 0 каналах
Get PRO
апрель '23
+126
в 0 каналах
Get PRO
март '23
+545
в 0 каналах
Get PRO
февраль '23
+844
в 0 каналах
Get PRO
январь '230
в 0 каналах
Get PRO
декабрь '220
в 0 каналах
Get PRO
ноябрь '220
в 0 каналах
Get PRO
октябрь '22
+20
в 0 каналах
Get PRO
сентябрь '22
+74
в 0 каналах
Get PRO
август '22
+94
в 0 каналах
Get PRO
июль '22
+190
в 0 каналах
Get PRO
июнь '22
+249
в 0 каналах
Get PRO
май '22
+300
в 0 каналах
Get PRO
апрель '22
+272
в 0 каналах
Get PRO
март '22
+117
в 0 каналах
Get PRO
февраль '22
+94
в 0 каналах
Get PRO
январь '22
+15 347
в 0 каналах
| Дата | Привлечение подписчиков | Упоминания | Каналы | |
| 16 декабря | +2 | |||
| 15 декабря | 0 | |||
| 14 декабря | 0 | |||
| 13 декабря | 0 | |||
| 12 декабря | 0 | |||
| 11 декабря | 0 | |||
| 10 декабря | 0 | |||
| 09 декабря | 0 | |||
| 08 декабря | 0 | |||
| 07 декабря | 0 | |||
| 06 декабря | 0 | |||
| 05 декабря | 0 | |||
| 04 декабря | 0 | |||
| 03 декабря | 0 | |||
| 02 декабря | 0 | |||
| 01 декабря | 0 |
Посты канала
Понимание CSS corner-shape и сила суперэллипса
#почитать
Свойство CSS corner-shape — это одно из самых захватывающих нововведений в геометрический инструментарий веб-дизайна за последние годы. Оно расширяет наши возможности по управлению внешним видом углов, выходя за рамки привычных скруглений с помощью border-radius. Это на первый взгляд небольшое дополнение открывает целый мир новых возможностей, которые раньше требовали сложных реализаций на основе SVG или решений с использованием изображений.
⏱Читать статью
12910
| 2 |  4 JavaScript-фреймворка популярных в 2025 году
#почитать
JavaScript является одним из наиболее востребованных языков программирования, и вокруг него сформировалось множество активных сообществ, которые поддерживают обучение и развитие в рамках его разнообразных фреймворков. JavaScript отличается высокой скоростью работы и легкостью масштабирования, и с конца 2000-х годов он активно применяется для создания как серверных, так и клиентских систем. Для того чтобы свободно владеть языком интернета, крайне важно быть знакомым с JavaScript.
⏱Читать статью | 515 |
| 3 |  Скриншоты сайта в адаптивную Tailwind верстку
#почитать
Я знаю, что существует 100 500 способов перекинуть картинку в готовую вёрстку.
Но когда у меня дошло до дела, результат оказался так себе.
То ли я криворукий, то ли все эти инструменты ещё далеки от совершенства.
В итоге понял, что мне проще накидать свой собственный велосипед — скрипт на Python (~200 строк).
Решил выложить, может, кому‑то пригодится.
⏱Читать статью | 628 |
| 4 |  CSS-медиазапросы без min- и max-. Как работает новый синтаксис и стоит ли переходить?
#почитать
Разбираем новые возможности CSS Media Queries Level 4 — логические операторы сравнения, которые делают код более читаемым и интуитивным.
От (min-width: 768px) and (max-width: 1024px) к простому (768px <= width <= 1024px). Зачем это нужно и как с этим работать?
⏱Читать статью | 886 |
| 5 |  Little Reminder About Custom Properties with Invalid Values
#почитать
This is like one of those weirdly difficult quizzes about CSS. If you’ve got a <p> element sitting there in a totally normal basic HTML layout, then this CSS:
⏱Читать статью | 842 |
| 6 |  Что новенького есть в CSS в 2025 году
#почитать
Мне всегда было интересно наблюдать, как развивается CSS. Держу себя в форме, чтобы не пропустить что-то важное. А недавно подумал: «Почему бы не поделиться ими с подписчиками?». И я тут.
Составил список новинок, которые мне кажутся важными и интересными. Есть несколько новых возможностей, которые очень сильно изменят CSS. Думаю, лучше готовиться к ним заранее.
Также скажу, что на сегодняшний день они реализованы минимальным количеством браузеров. Не получится использовать их прямо сейчас. Хотя некоторые можно, если вы поддерживаете только браузер Google Chrome. В любом случае про браузерную поддержку я тоже расскажу.
⏱Читать статью | 833 |
| 7 |  CSS Anchor Positioning API
#почитать
Большой обзор нового API для позиционирования элементов в CSS.
В статье вы узнаете как теперь без использования библиотек можно создавать tooltip'ы, контекстные меню, индикаторы и другие элементы UI, которым необходима якорная связка.
⏱Читать статью | 868 |
| 8 |  Нейродизайн: как мозг воспринимает интерфейсы и почему пользователи действуют нелогично
#почитать
Вы замечали, что пользователи часто игнорируют важные элементы интерфейса или совершают действия, которые кажутся нелогичными? Нейродизайн изучает, как люди на самом деле воспринимают цифровые продукты, а не как нам кажется, что они должны это делать.
В этой статье разберём:
— Как глаз сканирует страницу и почему 90% информации мозг просто отфильтровывает
— 5 когнитивных искажений, которые рушат конверсию (и как их обойти)
— Практические приёмы дизайна, основанные на нейронауке
⏱Читать статью | 996 |
| 9 |  Дружеское знакомство с SVG
#почитать
SVG – одна из самых интересных технологий браузера. С его помощью можно делать массу полезных и интересных компонентов. Это неотъемлемая часть моего стека.
В этой статье я поделюсь основами, чтобы заложить прочный фундамент для дальнейшего развития. Я покажу вам, почему SVG так хорош, и поделюсь фишками, которыми вы сможете пользоваться прямо сейчас.
Для понимания этой статьи не требуется специальных знаний и опыта работы с SVG, но предполагается, что вы знакомы с основами HTML/CSS/JS.
⏱Читать статью | 1 129 |
| 10 |  Слайдер с бесконечной плавной прокруткой на JavaScript
#почитать
В этой статье разберем компонент, представляющий собой бесконечный плавный слайдер с автоматической прокруткой, а также добавим его замедление при наведении. Похожие блоки часто используются для информационной ленты логотипов, фотогалерии и других подобных визуальных компонентов.
⏱Читать статью | 1 199 |
| 11 |  There’s no such thing as a CSS reset
#почитать
CSS resets are a technique nearly as long lived as the modern CSS era itself, stretching all the way from the CSS Zen Garden days to inclusion in mass-market current-day tools like Tailwind. Resets are a staple in the CSS toolkit.
But here’s the thing; there’s no such thing as a CSS reset. Now, to be clear, I’m not suggesting some kind of long-running mass hallucination. I’m suggesting CSS resets don’t do what the name says. The word “reset” implies an objective default state that you’re restoring to, but the only objective default state is what browsers ship. You cannot “reset” browser styles by addition. Resets are inherently subjective, which means in practice, you are not so much resetting as you are defining default element styles for a website.
⏱Читать статью | 1 089 |
| 12 |  Разработка с учетом паттернов WAI ARIA
#почитать
Сегодня веб-приложения стали сложными интерактивными системами, напоминающими полноценные десктоп приложения. Однако за красивыми интерфейсами и богатым функционалом часто скрывается важный аспект, которому уделяется недостаточно внимания — доступность (accessibility). Для миллионов пользователей с ограниченными возможностями это означает, что они не могут полноценно взаимодействовать с сайтом, выполнить базовые действия или получить информацию.
Проблема особенно ярко выражена в современных одностраничных приложениях (SPA), кастомных компонентах, модальных окнах и прочих динамических UI-решениях, которые не учитывают, как с ними будут работать вспомогательные технологии.
⏱Читать статью | 988 |
| 13 | Хочешь разбираться в Project Management?
Для тебя уже всё сделали.
📌 Канал @projectmanager_it делится полезными секретами и лайфхаками управления проектами и продуктами в IT.
Подписывайтесь и прокачивайте свои навыки: @projectmanager_it | 896 |
| 14 |  Docs as Code и его использование на проектах
#почитать
Раскрываем Docs as Code: как этот подход меняет создание документации, какие инструменты стоит изучить в первую очередь, и с чего начать внедрение.
⏱Читать статью | 1 031 |
| 15 |  Введение в WebRTC
#почитать
WebRTC - это технология, которая позволяет браузерам и мобильным приложениям обмениваться аудио и видео в реальном времени без необходимости использования промежуточных серверов. Это делает WebRTC идеальным выбором для приложений, которым необходим функционал видеозвонков, стриминга, и аудиовызовов.
⏱Читать статью | 1 102 |
| 16 |  Пятничное. Вебмастеры и реликтовый веб
#почитать
"Ты помнишь, как все начиналось,
Все было впервые и вновь..."
Перевернем подзорную трубу и взглянем на маленький интернет конца 1990-х - начала 2000-х годов, где не было регуляторов, не было слежки, не было мошенников, а все ограничения были только техническими.
⏱Читать статью | 1 385 |
| 17 |  CSS :has() — проверка наличия потомков или соседних элементов
#почитать
Представьте селектор, который выбирает элемент не по его собственным классам, а по тому, что происходит внутри него или рядом с ним. Так работает псевдокласс :has(): он позволяет применить стили к родителю (или соседу), если в нужном контексте нашёлся подходящий элемент. В результате — меньше вспомогательных классов, меньше JavaScript для «протаскивания» состояний наверх, и чище разметка.
⏱Читать статью | 1 398 |
| 18 |  Лигатуры в CSS: как сделать текст аккуратнее
#почитать
Если вы когда-нибудь присматривались к сочетаниям букв вроде «fi» или «fl» в хороших шрифтах, то, возможно, замечали, что они выглядят чуть иначе, чем при простом наборе. Буквы как будто «срастаются» в один знак, чтобы хвостики и точки не мешали друг другу. Это и есть лигатуры — особые глифы, которые шрифтовые дизайнеры создают для улучшения читаемости и эстетики текста. В вебе ими управляет свойство font-variant-ligatures.
Лигатуры пришли к нам из полиграфии: ещё в эпоху ручного набора наборщики заменяли конфликтующие буквы на слитные формы, чтобы набор выглядел аккуратнее. Сегодня это реализуется средствами OpenType, а браузеры, если шрифт поддерживает лигатуры, могут автоматически подставлять нужный глиф вместо пары букв.
Для фронтенд-разработчика важно знать, что лигатуры меняют только вид текста, но не его содержимое в DOM. Поиск, копирование, скрин-ридеры — всё продолжает работать корректно, ведь под капотом там по-прежнему две буквы, а не одна.
⏱Читать статью | 1 517 |
| 19 |  AI во фронтенде — один из самых горячих трендов в разработке
Бизнес-группа Поисковых сервисов и ИИ Яндекса приглашают на Yet Another Frontend Night 29 ноября, чтобы обсудить, как AI переворачивает фронтенд-разработку. Это событие для тех, кто уже имеет опыт в этой сфере и хочет активно использовать нейросети в своих проектах.
- 5 докладов от фронтенд-разработчиков Яндекса
- Активности с реальными кейсами от экспертов
- Дискуссии и много нетворкинга в приятной атмосфере
Нет времени думать! Скорее регистрируйтесь, чтобы услышать топовых экспертов:
- Иван Артамонов (Яндекс Бизнес) — о преимуществах AI-ассистентов и реальных примерах из своей работы.
- Павел Осташкин (Международная Реклама) — как создать и встроить собственный MCP-сервер в рабочие процессы.
- Валерий Баранов (Яндекс 360) — как MCP-серверы снижают "галлюцинации" и делают дизайн-систему AI-ready.
- Александр Иванков (Яндекс Поиск) — опыт разработки AI-помощника и подходы промпт-инжиниринга.
- Андрей Дегтярев (Яндекс Браузер) — детальный разбор агентских сценариев и их практического применения.
Встречаемся только офлайн 29 ноября в 15:00 в московском офисе Яндекса на Льва Толстого. Не пропустите, посмотреть записи в этот раз не получится!
Регистрация и подробная программа
https://events.yandex.ru/events/yet-another-frontend-night-2025 | 1 332 |
| 20 | Артефакты интернета: GeoCities, «Народ», uCoz и другие хостинг-экспонаты нулевых
#почитать
Нескончаемые гостевые книги, яркие анимированные баннеры и счётчики визитов… В нулевых каждый компьютерный энтузиаст мечтал о «своём месте» в интернете — даже если это был крохотный персональный сайт. Для этого существовали бесплатные хостинги: GeoCities, Tripod, FortuneCity, «Народ.ру», uCoz и им подобные. Сейчас это web-артефакты, но без них вряд ли были бы возможны современные соцсети и CMS. Я решил немного поностальгировать и вспомнить, как они работали и чем запомнились. Приглашаю под кат.
⏱Читать статью | 1 188 |
