Верстальщик от бога
رفتن به کانال در Telegram
Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @anothertechrock
نمایش بیشتر
شبکه:9 409
مشترکین
-324 ساعت
-857 روز
-45430 روز
در حال بارگیری داده...
کانالهای مشابه
ابر برچسبها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
اوت '26
اوت '26
+14
در 0 کانالها
ژوئیه '26
+10
در 0 کانالها
Get PRO
ژوئن '26
+2
در 0 کانالها
Get PRO
مه '26
+18
در 0 کانالها
Get PRO
آوریل '26
+3
در 0 کانالها
Get PRO
مارس '26
+9
در 0 کانالها
Get PRO
فوریه '26
+12
در 0 کانالها
Get PRO
ژانویه '26
+5
در 0 کانالها
Get PRO
دسامبر '25
+6
در 1 کانالها
Get PRO
نوامبر '25
+158
در 0 کانالها
Get PRO
اکتبر '25
+194
در 0 کانالها
Get PRO
سپتامبر '25
+125
در 0 کانالها
Get PRO
اوت '25
+227
در 0 کانالها
Get PRO
ژوئیه '25
+13
در 0 کانالها
Get PRO
ژوئن '25
+269
در 0 کانالها
Get PRO
مه '25
+15
در 0 کانالها
Get PRO
آوریل '25
+19
در 0 کانالها
Get PRO
مارس '25
+17
در 0 کانالها
Get PRO
فوریه '25
+155
در 0 کانالها
Get PRO
ژانویه '25
+32
در 0 کانالها
Get PRO
دسامبر '24
+156
در 0 کانالها
Get PRO
نوامبر '24
+587
در 0 کانالها
Get PRO
اکتبر '24
+563
در 0 کانالها
Get PRO
سپتامبر '24
+421
در 0 کانالها
Get PRO
اوت '24
+507
در 0 کانالها
Get PRO
ژوئیه '24
+543
در 1 کانالها
Get PRO
ژوئن '24
+94
در 0 کانالها
Get PRO
مه '24
+183
در 3 کانالها
Get PRO
آوریل '24
+86
در 0 کانالها
Get PRO
مارس '24
+81
در 1 کانالها
Get PRO
فوریه '24
+103
در 1 کانالها
Get PRO
ژانویه '24
+153
در 0 کانالها
Get PRO
دسامبر '23
+118
در 1 کانالها
Get PRO
نوامبر '23
+68
در 0 کانالها
Get PRO
اکتبر '23
+130
در 0 کانالها
Get PRO
سپتامبر '23
+462
در 0 کانالها
Get PRO
اوت '23
+665
در 0 کانالها
Get PRO
ژوئیه '23
+682
در 0 کانالها
Get PRO
ژوئن '23
+463
در 0 کانالها
Get PRO
مه '23
+119
در 0 کانالها
Get PRO
آوریل '23
+199
در 0 کانالها
Get PRO
مارس '23
+637
در 0 کانالها
Get PRO
فوریه '23
+403
در 0 کانالها
Get PRO
ژانویه '23
+550
در 0 کانالها
Get PRO
دسامبر '22
+491
در 0 کانالها
Get PRO
نوامبر '22
+210
در 0 کانالها
Get PRO
اکتبر '22
+84
در 0 کانالها
Get PRO
سپتامبر '22
+69
در 0 کانالها
Get PRO
اوت '22
+100
در 0 کانالها
Get PRO
ژوئیه '22
+191
در 0 کانالها
Get PRO
ژوئن '22
+250
در 0 کانالها
Get PRO
مه '22
+305
در 0 کانالها
Get PRO
آوریل '22
+261
در 0 کانالها
Get PRO
مارس '22
+105
در 0 کانالها
Get PRO
فوریه '22
+98
در 0 کانالها
Get PRO
ژانویه '22
+100
در 0 کانالها
Get PRO
دسامبر '21
+534
در 0 کانالها
Get PRO
نوامبر '21
+549
در 0 کانالها
Get PRO
اکتبر '21
+1 316
در 0 کانالها
Get PRO
سپتامبر '21
+633
در 0 کانالها
Get PRO
اوت '21
+667
در 0 کانالها
Get PRO
ژوئیه '21
+221
در 0 کانالها
Get PRO
ژوئن '21
+99
در 0 کانالها
Get PRO
مه '21
+617
در 0 کانالها
Get PRO
آوریل '21
+221
در 0 کانالها
Get PRO
مارس '21
+204
در 0 کانالها
Get PRO
فوریه '21
+624
در 0 کانالها
Get PRO
ژانویه '21
+1 530
در 0 کانالها
Get PRO
دسامبر '20
+11 353
در 0 کانالها
| تاریخ | رشد مشترکین | اشارات | کانالها | |
| 28 اوت | +1 | |||
| 27 اوت | +1 | |||
| 26 اوت | +2 | |||
| 25 اوت | 0 | |||
| 24 اوت | +1 | |||
| 23 اوت | 0 | |||
| 22 اوت | 0 | |||
| 21 اوت | 0 | |||
| 20 اوت | 0 | |||
| 19 اوت | 0 | |||
| 18 اوت | 0 | |||
| 17 اوت | +1 | |||
| 16 اوت | 0 | |||
| 15 اوت | +2 | |||
| 14 اوت | +1 | |||
| 13 اوت | 0 | |||
| 12 اوت | 0 | |||
| 11 اوت | 0 | |||
| 10 اوت | 0 | |||
| 09 اوت | 0 | |||
| 08 اوت | +1 | |||
| 07 اوت | 0 | |||
| 06 اوت | 0 | |||
| 05 اوت | 0 | |||
| 04 اوت | +1 | |||
| 03 اوت | +2 | |||
| 02 اوت | 0 | |||
| 01 اوت | +1 |
پستهای کانال
Кастомные медиавыражения
#почитать
Что такое кастомные медиавыражения и почему обычные CSS-переменные не работают внутри @media. Простое объяснение, понятные примеры и разбор того, как браузер вычисляет стили под капотом.
⏱Читать статью
| 2 |  Как совместить утилиты и рукописный CSS в атомарном подходе?
#почитать
В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию.
⏱Читать статью | 529 |
| 3 |  Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков
#почитать
Красивый и интуитивно понятный интерфейс — это моя личная страсть. Я тратил дни, чтобы докрутить свои проекты до нужного мне уровня. В итоге я начал систематически собирать приёмы HTML и CSS, которые мгновенно улучшают восприятие пользователя.
Сегодня я решил показать вам несколько проверенных трюков. Выбрал самые лёгкие в освоении, чтобы вы смогли внедрить их уже сегодня, не отвлекаясь на сложности.
⏱Читать статью | 649 |
| 4 |  HTML мёртв, да здравствует HTML
#почитать
Браузеры — это очень странный мир. Хотя WebAssembly добился успеха, в том числе и на серверах, клиент по-прежнему ощущается примерно таким же, как и десять лет назад.
Энтузиасты будут говорить вам, что доступ к нативным веб-API через WASM — это решённая задача, достаточно лишь минимального клея JS.
Но никто не задаёт вопрос, зачем нам вообще нужно получать доступ к DOM. Это лишь один из вариантов. В этой статье мне бы хотелось объяснить, почему уже настало время отправить DOM и всевозможные API на радугу, а также поделиться некоторыми идеями о том, как это сделать.
Не буду притворяться, что знаю о браузерах всё. Сегодня уже никто не знает всего, в этом-то и проблема.
⏱Читать статью | 814 |
| 5 |  Коллекция полезных CSS фишек, которые вы редко используете
#почитать
В мире фронтенда активно всё меняется. Появляются одни инструменты, но только их выучишь — они устаревают, и нужно уже учить новые. Новые методы и API в JavaScript. Даже в HTML появляется что-то новое. И, конечно, CSS не отстаёт.
В общем не удивительно, что люди забывают или не успевают услышать о возможностях в CSS. В этой статье я постараюсь показать несколько из их, которые считаю полезными.
⏱Читать статью | 792 |
| 6 |  Все, что вам нужно знать об организации контента в Drupal
#почитать
Представьте, что ваш сайт - это большая библиотека с множеством книг на стеллажах. Конечно, вы сами, как сотрудник, так и ваши посетители, вполне оцените тот порядок, когда все предметы размещены систематизированно.
⏱Читать статью | 934 |
| 7 |  Влияние селекторов CSS на скорость рендеринга web-приложения
#почитать
Хотя различия в скорости работы CSS-селекторов хорошо документированы, на практике разработчики часто недооценивают их влияние на производительность. В этой статье мы количественно оценим, как некорректный выбор селекторов замедляет работу приложения, и систематизируем ключевые принципы оптимизации CSS.
⏱Читать статью | 928 |
| 8 |  Shadcn для Vue: норм или стрём?
#почитать
Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем придется помучиться. Честный обзор популярной UI библиотеки от практикующего разработчика.
Стек: Vue/Nuxt 3, Tailwindcss 3, Typescript, Telegram WebApp.
⏱Читать статью | 962 |
| 9 |  Умный рабочий стол, который живёт по солнцу
#почитать
Идея «умного» рабочего стола у меня появилась давно. Под "умным" я понимал не виджеты, прогнозы погоды и не очередную анимацию, а максимально простую идею: фон рабочего стола должен соответствовать тому времени суток, которое сейчас у меня за окном. Без условностей. Только солнце.
⏱Читать статью | 1 110 |
| 10 |  I Learned The First Rule of ARIA the Hard Way
#почитать
Semantic HTML does a lot more accessibility work than we usually give it credit for already — and ARIA is simple to abuse when we use it both as a shortcut and as a supplement.
⏱Читать статью | 989 |
| 11 |  🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг
6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 859 |
| 12 |  Atomic CSS: верстка и легкость бытия
#почитать
Обсудим имеющиеся проблемы в верстке и посмотрим, как атомарный подход их решает (или не решает). Разберем основные мифы, посмотрим на лучшие практики этого подхода и сделаем выводы.
Эту статью можно отчасти считать продолжением моей предыдущей, по данной теме, хотя напрямую они не связанны. Но если там был хардкор и технические детали, то здесь уже разберем прикладные вопросы: как верстать в Atomic CSS, чтобы получить заявленный эффект.
⏱Читать статью | 851 |
| 13 |  Верстаем сложный прогрессбар в 2026 году
#почитать
Раньше, чтобы сделать круговой прогрессбар, мы страдали с SVG. Мне до сих пор больно заглядывать в инспектор на старых реализациях. Сегодня всё кардинально упростилось.
Современный CSS позволяет собрать сложный, гибкий и красивый круговой прогрессбар буквально на одном div и на одном CSS-свойстве. И всё это — с отличной браузерной поддержкой.
В этой статье я разберу именно этот приём. Сначала — ключевую идею подхода, затем — возможности кастомизации, после этого добавлю немного визуальной «дороговизны», удобные ручки управления и экспериментальную CSS-логику. Да-да, напоследок мы немного попрограммируем на CSS!
⏱Читать статью | 1 182 |
| 14 |  Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?
На фото ребята из моего комьюнити, где уже больше 220 frontend-разработчиков. Все они успешно устроились в крутые компании и получили офферы от 300 тыс рублей 🫂
👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке.
В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.
И у тебя тоже получится 😎
У меня есть канал, где я:
👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения
👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти
👉 На примерах показываю, как проходить собеседования, включая техничку
👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров
И регулярно выкладываю полезное:
▪️ Задачи, на которых валятся кандидаты
▪️ Подборка из 100+ каналов с вакансиями для разработчиков
▪️ 100 вопросов, которые помогут тебе на собеседовании
▪️ Чек-лист для проверки своего резюме
Подписывайся: https://t.me/+7oWkeZXB4d44ODAy
Реклама, erid: 2W5zFH8ydtu ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 1 001 |
| 15 |  View Transitions API
#почитать
Полистав различные ресурсы в Интернете и просмотрев множество видео по данной теме, я решил составить наиболее полную картину по данному, не побоюсь этого слова, революционному API, чтобы вы уже сегодня могли начать использовать его в своём проекте!
⏱Читать статью | 861 |
| 16 |  text-decoration-inset is Like Padding for Text Decorations
#почитать
The text-decoration-inset property solves a problem that we’ve had since the beginning of the web, which is that text decorations such as underlines extend beyond the first and last characters, resulting in vertical misalignment.
⏱Читать статью | 913 |
| 17 |  Что на самом деле делает фронтенд: путь данных от сервера до вашего экрана
#почитать
Фронтенд обычно представляют как «кнопки» и «красивые интерфейсы». Но это очень поверхностное понимание. На самом деле фронтенд — это слой приложения, который работает между пользователем и сервером, управляет данными, обновляет экран без перезагрузки и обеспечивает взаимодействие с системой.
⏱Читать статью | 1 141 |
| 18 |  Коллекция полезных HTML и CSS фич, которые редко используются
#почитать
Я люблю помогать фронтендерам больше узнать о HTML и CSS. Общаясь, я составил список HTML и CSS фич, которые полезные, но почему-то о них мало кто знает. В этой статье я пришёл поделиться ими.
⏱Читать статью | 1 078 |
| 19 |  Управляем «протягиванием» прокрутки: разбор overscroll‑behavior
#почитать
Распространённый сценарий: вы прокручиваете модальное окно, доезжаете до конца и… вместо того чтобы остановиться, браузер продолжает тянуть основной документ. Это так называемый «scroll chaining»: событие прокрутки передаётся родительскому контейнеру. На мобильных устройствах этот эффект сопровождается bounce‑анимацией или pull‑to‑refresh. Для некоторых интерфейсов такое поведение отвлекает пользователя и может мешать вашему коду.
В этой статье я расскажу, как CSS‑свойство overscroll-behavior помогает контролировать такие эффекты, избавится от хака overflow: hidden, а также рассмотрим практические примеры и подводные камни.
⏱Читать статью | 1 128 |
| 20 |  Старые и новые проблемы Safari на iOS
#почитать
Safari — новый Internet Explorer для фронтенд-разработчиков! Поведение вёрстки в нём отличается от спецификаций, а иногда бывает и непредсказуемым.
Но если Microsoft свой браузер похоронила, то Apple регулярно обновляет Safari, создавая новые проблемы для фронтендеров. Релиз Safari 26.0 не стал исключением, а усложнил ситуацию новый дизайн Liquid Glass, изменивший интерфейс браузера.
⏱Читать статью | 1 079 |
