Верстальщик от бога
Open in Telegram
Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @anothertechrock
Show more
Network:9 914
Subscribers
-1024 hours
-927 days
-40230 days
Data loading in progress...
Similar Channels
Tags Cloud
Incoming and Outgoing Mentions
---
---
---
---
---
---
Attracting Subscribers
July '26
July '26
+3
in 0 channels
June '26
+2
in 0 channels
Get PRO
May '26
+18
in 0 channels
Get PRO
April '26
+3
in 0 channels
Get PRO
March '26
+9
in 0 channels
Get PRO
February '26
+12
in 0 channels
Get PRO
January '26
+5
in 0 channels
Get PRO
December '25
+6
in 1 channels
Get PRO
November '25
+158
in 0 channels
Get PRO
October '25
+194
in 0 channels
Get PRO
September '25
+125
in 0 channels
Get PRO
August '25
+227
in 0 channels
Get PRO
July '25
+13
in 0 channels
Get PRO
June '25
+269
in 0 channels
Get PRO
May '25
+15
in 0 channels
Get PRO
April '25
+19
in 0 channels
Get PRO
March '25
+17
in 0 channels
Get PRO
February '25
+155
in 0 channels
Get PRO
January '25
+32
in 0 channels
Get PRO
December '24
+156
in 0 channels
Get PRO
November '24
+587
in 0 channels
Get PRO
October '24
+563
in 0 channels
Get PRO
September '24
+421
in 0 channels
Get PRO
August '24
+507
in 0 channels
Get PRO
July '24
+543
in 1 channels
Get PRO
June '24
+94
in 0 channels
Get PRO
May '24
+183
in 3 channels
Get PRO
April '24
+86
in 0 channels
Get PRO
March '24
+81
in 1 channels
Get PRO
February '24
+103
in 1 channels
Get PRO
January '24
+153
in 0 channels
Get PRO
December '23
+118
in 1 channels
Get PRO
November '23
+68
in 0 channels
Get PRO
October '23
+130
in 0 channels
Get PRO
September '23
+462
in 0 channels
Get PRO
August '23
+665
in 0 channels
Get PRO
July '23
+682
in 0 channels
Get PRO
June '23
+463
in 0 channels
Get PRO
May '23
+119
in 0 channels
Get PRO
April '23
+199
in 0 channels
Get PRO
March '23
+637
in 0 channels
Get PRO
February '23
+403
in 0 channels
Get PRO
January '23
+550
in 0 channels
Get PRO
December '22
+491
in 0 channels
Get PRO
November '22
+210
in 0 channels
Get PRO
October '22
+84
in 0 channels
Get PRO
September '22
+69
in 0 channels
Get PRO
August '22
+100
in 0 channels
Get PRO
July '22
+191
in 0 channels
Get PRO
June '22
+250
in 0 channels
Get PRO
May '22
+305
in 0 channels
Get PRO
April '22
+261
in 0 channels
Get PRO
March '22
+105
in 0 channels
Get PRO
February '22
+98
in 0 channels
Get PRO
January '22
+100
in 0 channels
Get PRO
December '21
+534
in 0 channels
Get PRO
November '21
+549
in 0 channels
Get PRO
October '21
+1 316
in 0 channels
Get PRO
September '21
+633
in 0 channels
Get PRO
August '21
+667
in 0 channels
Get PRO
July '21
+221
in 0 channels
Get PRO
June '21
+99
in 0 channels
Get PRO
May '21
+617
in 0 channels
Get PRO
April '21
+221
in 0 channels
Get PRO
March '21
+204
in 0 channels
Get PRO
February '21
+624
in 0 channels
Get PRO
January '21
+1 530
in 0 channels
Get PRO
December '20
+11 353
in 0 channels
| Date | Subscriber Growth | Mentions | Channels | |
| 23 July | 0 | |||
| 22 July | +2 | |||
| 21 July | 0 | |||
| 20 July | 0 | |||
| 19 July | 0 | |||
| 18 July | +1 | |||
| 17 July | 0 | |||
| 16 July | 0 | |||
| 15 July | 0 | |||
| 14 July | 0 | |||
| 13 July | 0 | |||
| 12 July | 0 | |||
| 11 July | 0 | |||
| 10 July | 0 | |||
| 09 July | 0 | |||
| 08 July | 0 | |||
| 07 July | 0 | |||
| 06 July | 0 | |||
| 05 July | 0 | |||
| 04 July | 0 | |||
| 03 July | 0 | |||
| 02 July | 0 | |||
| 01 July | 0 |
Channel Posts
Коллекция полезных HTML и CSS фич, которые редко используются
#почитать
Я люблю помогать фронтендерам больше узнать о HTML и CSS. Общаясь, я составил список HTML и CSS фич, которые полезные, но почему-то о них мало кто знает. В этой статье я пришёл поделиться ими.
⏱Читать статью
| 2 |  Управляем «протягиванием» прокрутки: разбор overscroll‑behavior
#почитать
Распространённый сценарий: вы прокручиваете модальное окно, доезжаете до конца и… вместо того чтобы остановиться, браузер продолжает тянуть основной документ. Это так называемый «scroll chaining»: событие прокрутки передаётся родительскому контейнеру. На мобильных устройствах этот эффект сопровождается bounce‑анимацией или pull‑to‑refresh. Для некоторых интерфейсов такое поведение отвлекает пользователя и может мешать вашему коду.
В этой статье я расскажу, как CSS‑свойство overscroll-behavior помогает контролировать такие эффекты, избавится от хака overflow: hidden, а также рассмотрим практические примеры и подводные камни.
⏱Читать статью | 538 |
| 3 |  Старые и новые проблемы Safari на iOS
#почитать
Safari — новый Internet Explorer для фронтенд-разработчиков! Поведение вёрстки в нём отличается от спецификаций, а иногда бывает и непредсказуемым.
Но если Microsoft свой браузер похоронила, то Apple регулярно обновляет Safari, создавая новые проблемы для фронтендеров. Релиз Safari 26.0 не стал исключением, а усложнил ситуацию новый дизайн Liquid Glass, изменивший интерфейс браузера.
⏱Читать статью | 721 |
| 4 |  Дорогие джуны, не делайте так. Коллекция плохих привычек в HTML и CSS
#почитать
Давно я ничего не писал для джунов. А ведь HTML и CSS не стали проще для них. Всё так же есть сложности, и мне надо как-то помочь людям.
Я выделил несколько привычек, от которых лучше избавиться в самом начале карьеры фронтендера — главное, просто сделать это. Надеюсь, вам будет полезно.
⏱Читать статью | 803 |
| 5 |  Интересные HTML и CSS фичи, которые почему-то обходят стороной
#почитать
Во фронтенде изменения происходят постоянно. Только разобрался с одним инструментом, он уже считается устаревшим. Плюс на смену ему появляются новые. В JavaScript регулярно добавляются новые методы и API, а HTML и CSS, разумеется, не отстают.
Неудивительно, что в этом постоянном круговороте часть возможностей проходит мимо или просто забывается. В этой статье я собрал несколько таких фич, о которых, по моему опыту, разработчики забыли.
⏱Читать статью | 1 000 |
| 6 |  16 июля встречаемся с JS‑сообществом SberProfi в Сбер.Среде.
AI уже меняет JavaScript‑разработку. Вопрос не в том, заменит ли он инженеров, а в том, кто освоит его быстрее и качественнее.
🔥 Обсудим изменения на реальных кейсах от Сбера, Cloud․ru и Mish. Очные участники увидят спецформат от блогеров и пообщаются с экспертами GigaCode и GitVerse.
⏳ Начало в 17:00, встреча очных гостей - в 16:00.
Количество очных мест ограничено – успейте зарегистрироваться! | 543 |
| 7 |  Хватит использовать JavaScript для решения задач CSS
#почитать
Недостаток знаний часто подталкивает людей к чрезмерно сложным решениям, и рано или поздно это отражается на производительности.
Возьмем content-visibility: auto. Он дает тот же эффект, что и React-Window, но без единой строчки JS и без увеличения размера сборки. Аналогичная ситуация с современными единицами высоты окна (dvh, svh, lvh): наконец-то приведена в порядок "мобильная" высота, которую годами пытались компенсировать через window.innerHeight.
Обе технологии в 2024 году получили более 90% поддержки современных браузеров и полностью готовы для продакшна. Однако мы по привычке продолжаем решать такие задачи с помощью JS, просто потому, что CSS незаметно ушел вперед, пока мы спорили о React Server Components.
⏱Читать статью | 880 |
| 8 |  Улучшаем API для Resize Observer
#почитать
Интерфейсы слежения за изменением размера (Resize Observer), изменениями DOM (Mutation Observer) и пересечениями (Intersection Observer) — это полезные API, которые превосходят своих предшественников по производительности:
ResizeObserver лучше события window.resize.
MutationObserver заменил устаревшие обработчики изменений (Mutation Events).
IntersectionObserver позволяет реализовать взаимодействие при прокрутке страницы с меньшими расходами по производительности.
API этих трех типов интерфейсов похожи друг на друга (хотя и имеют различия, о которых поговорим позже).
⏱Читать статью | 794 |
| 9 |  ⚠️Хотите разобраться, как обучать интеллектуальных
агентов в нестандартных задачах для бизнеса? Начните обучение на курсе «Reinforcement Learning».
🎁Записывайтесь на 3 бесплатных вебинара — познакомьтесь с программой обучения и преподавателями. Задайте свои вопросы экспертам!
Вебинар 1: «Обучение с подкреплением - гибкий подход для сложных задач. Создаем собственные окружения».
⏰7 июля в 20:00 мск
Программа вебинара:
1. Краткое введение в обучение с подкреплением.
2. Обзор существующих сред и переход к созданию собственного RL-окружения на Python.
3. Напишем свою среду на основе gym.Env и подключим к ней обучающегося агента.
Вебинар 2: «Visual DQN: Как научить ИИ-модель видеть мир глазами игрока».
⏰15 июля в 20:00 мск
Программа вебинара:
1. Разберем, как DQN работает с изображениями:
как агент получает состояние не в виде чисел, а в виде сырых пикселей с экрана.
2. Изучим архитектуру DeepMind-подхода.
3. Запустим обучение DQN в среде Atari Pinball и посмотрим, как агент постепенно учится играть лучше человека.
Вебинар 3: «Алгоритм DQN - учим нейросеть принимать решение без помощи человека».
⏰21 июля в 20:00 мск
Программа вебинара:
1. Разберем устройство алгоритма DQN: как нейросеть заменяет Q-таблицу и учится выбирать лучшие действия.
2. Изучим ключевые механизмы DQN.
3. Обучим агента решать задачу в среде Gymnasium и проанализируем процесс обучения.
Записывайтесь ➡️ https://vk.cc/cZn7g2
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 | 748 |
| 10 |  Обрезка блоков текста с помощью line-clamp
#почитать
Функция line-clamp находится в статусе ограниченной доступности в Baseline, но уже широко используется для создания аккуратных текстовых блоков. Это свойство позволяет ограничить отображение текста заданным количеством строк, скрывая всё, что выходит за пределы. Оно идеально подходит для превью статей, цитат или карточек товаров, где нужно показать только часть текста, не перегружая страницу.
⏱Читать статью | 773 |
| 11 |  There is No Need to Trap Focus on a Dialog Element
#почитать
Accessibility advice around modals have commonly taught us to trap focus within the modal. Upon further research, it seems like we no longer need to trap focus within the <dialog> (even in modal mode).
⏱Читать статью | 972 |
| 12 |  Зачем фавиконов нужно аж 24 штуки?
#почитать
Для каждого экрана, устройства и программы нужен свой размер фавикон изображения. Из статьи вы узнаете различные трюки, используемые для генерации фавикон, и об удобных инструментах для автоматической генерации.
⏱Читать статью | 1 082 |
| 13 |  AI-инструменты можно любить и ненавидеть, но работать без них в IT уже практически невозможно 🤩
Коллеги из AvitoTech 11 июля зовут в их офис на Лесной на AI Hardcore Day. Приглашают тех, кто каждый день сталкивается с AI в работе и даже пишет своих AI-агентов. Обещают доклады и нетворкинг-сессию на террасе после — и всё это без записи.
💫 Среди тем:
— Spec-Driven Development: теория, инструменты, практика.
— Разработка и тестирование MCP для внутренних агентных систем аналитики.
— Выпрямляем руки агентов: как сделать MCP удобными и действительно полезными.
— Атаки на GenAI-агентов: OWASP на практике.
➡ Регистрация тут! | 989 |
| 14 |  Как реализовать эффект, подобный Liquid Glass, при помощи CSS без JavaScript и шейдеров
#почитать
В этой статье я разберу, как создать интерфейс Liquid Glass компании с логотипом фрукта без использования различных npm-модулей или шейдеров, нагружающих видеопамять устройства.
⏱Читать статью | 957 |
| 15 |  We Completely Missed width/height: stretch
#почитать
The TL;DR is that stretch does the same thing as declaring 100%, but ignores padding when looking at the available space.
⏱Читать статью | 1 168 |
| 16 |  Веб-приложение без фронтенд-фреймворков в эпоху AI-поиска: личный опыт
#почитать
Опыт одиночной разработки и поддержки долгоживущего веб-приложения: отказ от фронтенд-фреймворков, использование нативных возможностей браузера, работа с Core Web Vitals и влияние AI-поиска на трафик реального проекта.
⏱Читать статью | 1 131 |
| 17 |  Pure CSS Tabs With Details, Grid, and Subgrid
#почитать
Can we use the <details> element as the foundation for a tabbed interface? Why yes, we can!
⏱Читать статью | 1 230 |
| 18 | 🔴 Эфир начнётся уже через 2 часа. Переходи в бот за ссылкой: @shortcut_front_bot | 386 |
| 19 |  Полный гайд по объекту Date в JavaScript
#почитать
Объект Date позволяет создавать, сравнивать и форматировать дату и время. Используется для отображения текущего времени, вычисления интервалов и работы с таймзонами в веб-приложениях.
⏱Читать статью | 1 491 |
| 20 |  🔍Тестовое собеседование с руководителем Frontend-разработки в этот четверг
18 июня(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Виталий Черков, руководитель группы Frontend разработки с опытом 8+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Виталий будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Виталию
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 1 149 |
