Верстальщик от бога
Open in Telegram
Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @godinmedia
Show more
Network:12 269
Subscribers
-124 hours
-367 days
-13830 days
Data loading in progress...
Similar Channels
![Frontender's notes [ru]](https://img.tlmtr.dev/c/1qrVZ3/5348049928330532677?ty=x)
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
December '25
December '25
+2
in 0 channels
November '25
+137
in 0 channels
Get PRO
October '25
+153
in 0 channels
Get PRO
September '25
+67
in 0 channels
Get PRO
August '25
+200
in 0 channels
Get PRO
July '250
in 0 channels
Get PRO
June '25
+248
in 0 channels
Get PRO
May '25
+3
in 0 channels
Get PRO
April '25
+4
in 0 channels
Get PRO
March '250
in 0 channels
Get PRO
February '25
+126
in 0 channels
Get PRO
January '25
+27
in 0 channels
Get PRO
December '24
+136
in 0 channels
Get PRO
November '24
+576
in 0 channels
Get PRO
October '24
+551
in 0 channels
Get PRO
September '24
+411
in 0 channels
Get PRO
August '24
+512
in 0 channels
Get PRO
July '24
+525
in 0 channels
Get PRO
June '24
+66
in 0 channels
Get PRO
May '24
+112
in 0 channels
Get PRO
April '24
+21
in 0 channels
Get PRO
March '24
+13
in 0 channels
Get PRO
February '24
+31
in 0 channels
Get PRO
January '24
+61
in 0 channels
Get PRO
December '23
+53
in 0 channels
Get PRO
November '23
+18
in 0 channels
Get PRO
October '23
+978
in 0 channels
Get PRO
September '230
in 0 channels
Get PRO
August '230
in 0 channels
Get PRO
July '230
in 0 channels
Get PRO
June '23
+5
in 0 channels
Get PRO
May '23
+129
in 0 channels
Get PRO
April '23
+126
in 0 channels
Get PRO
March '23
+545
in 0 channels
Get PRO
February '23
+844
in 0 channels
Get PRO
January '230
in 0 channels
Get PRO
December '220
in 0 channels
Get PRO
November '220
in 0 channels
Get PRO
October '22
+20
in 0 channels
Get PRO
September '22
+74
in 0 channels
Get PRO
August '22
+94
in 0 channels
Get PRO
July '22
+190
in 0 channels
Get PRO
June '22
+249
in 0 channels
Get PRO
May '22
+300
in 0 channels
Get PRO
April '22
+272
in 0 channels
Get PRO
March '22
+117
in 0 channels
Get PRO
February '22
+94
in 0 channels
Get PRO
January '22
+15 347
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 16 December | +2 | |||
| 15 December | 0 | |||
| 14 December | 0 | |||
| 13 December | 0 | |||
| 12 December | 0 | |||
| 11 December | 0 | |||
| 10 December | 0 | |||
| 09 December | 0 | |||
| 08 December | 0 | |||
| 07 December | 0 | |||
| 06 December | 0 | |||
| 05 December | 0 | |||
| 04 December | 0 | |||
| 03 December | 0 | |||
| 02 December | 0 | |||
| 01 December | 0 |
Channel Posts
4 JavaScript-фреймворка популярных в 2025 году
#почитать
JavaScript является одним из наиболее востребованных языков программирования, и вокруг него сформировалось множество активных сообществ, которые поддерживают обучение и развитие в рамках его разнообразных фреймворков. JavaScript отличается высокой скоростью работы и легкостью масштабирования, и с конца 2000-х годов он активно применяется для создания как серверных, так и клиентских систем. Для того чтобы свободно владеть языком интернета, крайне важно быть знакомым с JavaScript.
⏱Читать статью
47861
| 2 |  Скриншоты сайта в адаптивную Tailwind верстку
#почитать
Я знаю, что существует 100 500 способов перекинуть картинку в готовую вёрстку.
Но когда у меня дошло до дела, результат оказался так себе.
То ли я криворукий, то ли все эти инструменты ещё далеки от совершенства.
В итоге понял, что мне проще накидать свой собственный велосипед — скрипт на Python (~200 строк).
Решил выложить, может, кому‑то пригодится.
⏱Читать статью | 621 |
| 3 |  CSS-медиазапросы без min- и max-. Как работает новый синтаксис и стоит ли переходить?
#почитать
Разбираем новые возможности CSS Media Queries Level 4 — логические операторы сравнения, которые делают код более читаемым и интуитивным.
От (min-width: 768px) and (max-width: 1024px) к простому (768px <= width <= 1024px). Зачем это нужно и как с этим работать?
⏱Читать статью | 886 |
| 4 |  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:
⏱Читать статью | 836 |
| 5 |  Что новенького есть в CSS в 2025 году
#почитать
Мне всегда было интересно наблюдать, как развивается CSS. Держу себя в форме, чтобы не пропустить что-то важное. А недавно подумал: «Почему бы не поделиться ими с подписчиками?». И я тут.
Составил список новинок, которые мне кажутся важными и интересными. Есть несколько новых возможностей, которые очень сильно изменят CSS. Думаю, лучше готовиться к ним заранее.
Также скажу, что на сегодняшний день они реализованы минимальным количеством браузеров. Не получится использовать их прямо сейчас. Хотя некоторые можно, если вы поддерживаете только браузер Google Chrome. В любом случае про браузерную поддержку я тоже расскажу.
⏱Читать статью | 833 |
| 6 |  CSS Anchor Positioning API
#почитать
Большой обзор нового API для позиционирования элементов в CSS.
В статье вы узнаете как теперь без использования библиотек можно создавать tooltip'ы, контекстные меню, индикаторы и другие элементы UI, которым необходима якорная связка.
⏱Читать статью | 868 |
| 7 |  Нейродизайн: как мозг воспринимает интерфейсы и почему пользователи действуют нелогично
#почитать
Вы замечали, что пользователи часто игнорируют важные элементы интерфейса или совершают действия, которые кажутся нелогичными? Нейродизайн изучает, как люди на самом деле воспринимают цифровые продукты, а не как нам кажется, что они должны это делать.
В этой статье разберём:
— Как глаз сканирует страницу и почему 90% информации мозг просто отфильтровывает
— 5 когнитивных искажений, которые рушат конверсию (и как их обойти)
— Практические приёмы дизайна, основанные на нейронауке
⏱Читать статью | 996 |
| 8 |  Дружеское знакомство с SVG
#почитать
SVG – одна из самых интересных технологий браузера. С его помощью можно делать массу полезных и интересных компонентов. Это неотъемлемая часть моего стека.
В этой статье я поделюсь основами, чтобы заложить прочный фундамент для дальнейшего развития. Я покажу вам, почему SVG так хорош, и поделюсь фишками, которыми вы сможете пользоваться прямо сейчас.
Для понимания этой статьи не требуется специальных знаний и опыта работы с SVG, но предполагается, что вы знакомы с основами HTML/CSS/JS.
⏱Читать статью | 1 129 |
| 9 |  Слайдер с бесконечной плавной прокруткой на JavaScript
#почитать
В этой статье разберем компонент, представляющий собой бесконечный плавный слайдер с автоматической прокруткой, а также добавим его замедление при наведении. Похожие блоки часто используются для информационной ленты логотипов, фотогалерии и других подобных визуальных компонентов.
⏱Читать статью | 1 199 |
| 10 |  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 |
| 11 |  Разработка с учетом паттернов WAI ARIA
#почитать
Сегодня веб-приложения стали сложными интерактивными системами, напоминающими полноценные десктоп приложения. Однако за красивыми интерфейсами и богатым функционалом часто скрывается важный аспект, которому уделяется недостаточно внимания — доступность (accessibility). Для миллионов пользователей с ограниченными возможностями это означает, что они не могут полноценно взаимодействовать с сайтом, выполнить базовые действия или получить информацию.
Проблема особенно ярко выражена в современных одностраничных приложениях (SPA), кастомных компонентах, модальных окнах и прочих динамических UI-решениях, которые не учитывают, как с ними будут работать вспомогательные технологии.
⏱Читать статью | 988 |
| 12 | Хочешь разбираться в Project Management?
Для тебя уже всё сделали.
📌 Канал @projectmanager_it делится полезными секретами и лайфхаками управления проектами и продуктами в IT.
Подписывайтесь и прокачивайте свои навыки: @projectmanager_it | 896 |
| 13 |  Docs as Code и его использование на проектах
#почитать
Раскрываем Docs as Code: как этот подход меняет создание документации, какие инструменты стоит изучить в первую очередь, и с чего начать внедрение.
⏱Читать статью | 1 031 |
| 14 |  Введение в WebRTC
#почитать
WebRTC - это технология, которая позволяет браузерам и мобильным приложениям обмениваться аудио и видео в реальном времени без необходимости использования промежуточных серверов. Это делает WebRTC идеальным выбором для приложений, которым необходим функционал видеозвонков, стриминга, и аудиовызовов.
⏱Читать статью | 1 102 |
| 15 |  Пятничное. Вебмастеры и реликтовый веб
#почитать
"Ты помнишь, как все начиналось,
Все было впервые и вновь..."
Перевернем подзорную трубу и взглянем на маленький интернет конца 1990-х - начала 2000-х годов, где не было регуляторов, не было слежки, не было мошенников, а все ограничения были только техническими.
⏱Читать статью | 1 385 |
| 16 |  CSS :has() — проверка наличия потомков или соседних элементов
#почитать
Представьте селектор, который выбирает элемент не по его собственным классам, а по тому, что происходит внутри него или рядом с ним. Так работает псевдокласс :has(): он позволяет применить стили к родителю (или соседу), если в нужном контексте нашёлся подходящий элемент. В результате — меньше вспомогательных классов, меньше JavaScript для «протаскивания» состояний наверх, и чище разметка.
⏱Читать статью | 1 398 |
| 17 |  Лигатуры в CSS: как сделать текст аккуратнее
#почитать
Если вы когда-нибудь присматривались к сочетаниям букв вроде «fi» или «fl» в хороших шрифтах, то, возможно, замечали, что они выглядят чуть иначе, чем при простом наборе. Буквы как будто «срастаются» в один знак, чтобы хвостики и точки не мешали друг другу. Это и есть лигатуры — особые глифы, которые шрифтовые дизайнеры создают для улучшения читаемости и эстетики текста. В вебе ими управляет свойство font-variant-ligatures.
Лигатуры пришли к нам из полиграфии: ещё в эпоху ручного набора наборщики заменяли конфликтующие буквы на слитные формы, чтобы набор выглядел аккуратнее. Сегодня это реализуется средствами OpenType, а браузеры, если шрифт поддерживает лигатуры, могут автоматически подставлять нужный глиф вместо пары букв.
Для фронтенд-разработчика важно знать, что лигатуры меняют только вид текста, но не его содержимое в DOM. Поиск, копирование, скрин-ридеры — всё продолжает работать корректно, ведь под капотом там по-прежнему две буквы, а не одна.
⏱Читать статью | 1 517 |
| 18 |  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 |
| 19 | Артефакты интернета: GeoCities, «Народ», uCoz и другие хостинг-экспонаты нулевых
#почитать
Нескончаемые гостевые книги, яркие анимированные баннеры и счётчики визитов… В нулевых каждый компьютерный энтузиаст мечтал о «своём месте» в интернете — даже если это был крохотный персональный сайт. Для этого существовали бесплатные хостинги: GeoCities, Tripod, FortuneCity, «Народ.ру», uCoz и им подобные. Сейчас это web-артефакты, но без них вряд ли были бы возможны современные соцсети и CMS. Я решил немного поностальгировать и вспомнить, как они работали и чем запомнились. Приглашаю под кат.
⏱Читать статью | 1 188 |
| 20 |  Замена YouTube Kids
#почитать
Что делать, когда твой ребёнок признаёт только это приложение? Вот не хочет пользоваться аналогами, и всё тут! Как убрать недостатки в такой ситуации и добавить достоинств? Об этом и поговорим.
Какие недостатки YouTube Kids я хотел бы убрать?
Невозможно сделать раздачу исключительно русскоязычной. Это может быть особенно плохо, например, для детей с аутизмом, у которых спец-интерес после просмотра мультиков может проявиться в английском (или любом другом) языке, с нежеланием говорить по-русски.
Невозможность ограничить доступ к любым мультфильмам, кроме заданного списка.
«Замедление» работы сервиса в России. Этот пункт обсуждать я не буду.
Казалось бы, можно было бы пользоваться аналогичными сервисами. Но их авторы вместо того, чтобы скопировать в точности интерфейс предшественника, почему-то решают проявить творческие способности там, где они не требуется. И в результате хороший интерфейс превращается в камень преткновения: некоторые дети отказываются им пользоваться.
⏱Читать статью | 1 228 |
