Верстальщик от бога
Відкрити в Telegram
Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @anothertechrock
Показати більше
Сітка:9 373
Підписники
-324 години
-297 днів
-34630 днів
Триває завантаження даних...
Схожі канали
Хмара тегів
Вхідні та вихідні згадування
---
---
---
---
---
---
Залучення підписників
вересень '26
вересень '26
+1
в 0 каналах
серпень '26
+18
в 0 каналах
Get PRO
липень '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 каналах
| Дата | Залучення підписників | Згадування | Канали | |
| 04 вересня | 0 | |||
| 03 вересня | +1 | |||
| 02 вересня | 0 | |||
| 01 вересня | 0 |
Дописи каналу
Прагматичное руководство по современным цветам в CSS
#почитать
Для большинства разработчиков работа с цветами в CSS часто сводится к тому, чтобы просто скопировать значение из файла дизайна и вставить его в редактор. Мы ведь разработчики, а не дизайнеры. Тем не менее, за последние годы в CSS произошло множество изменений, касающихся работы с цветами — от новой синтаксической формы до совсем новых возможностей, которыми могут пользоваться даже те, кто редко занимается дизайном.
Если вы разрабатываете собственные цветовые схемы или хотите глубже понять, как применять теорию цвета прямо в CSS, во второй части статьи я расскажу об этом подробнее. А в этой части я сосредоточусь на том, как новые функции работы с цветом могут помочь именно разработчикам, не углубляющимся в дизайн.
⏱Читать статью
| 2 |  Я нанял джуна в свой open source проект. Вот что получилось
#почитать
Здравствуйте, товарищи! Сегодня у нас будет не техническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке.
В первой части будет описание моего опыта, а далее обсудим, как можно его перенять. И не просто перенять, а использовать для решения сразу двух проблем в IT-индустрии!
⏱Читать статью | 581 |
| 3 |  Полупрозрачный бублик, 3D-сапёр и электрорамка: самые интересные CSS-демки
#почитать
Посмотрели за вас в интернете и заботливо отобрали самые интересные демки на CSS и JavaScript.
⏱Читать статью | 689 |
| 4 |  CSS-свойство image-orientation: исправляем ориентацию изображений из EXIF
#почитать
При загрузке фотографий со смартфонов или камер на сайтах порой возникает проблема с неправильной ориентацией изображений. Это связано с тем, что устройства сохраняют ориентацию изображения в метаданных EXIF, а браузеры могут не всегда учитывать эти данные при отображении. Свойство CSS image-orientation позволяет корректировать ориентацию изображений, обеспечивая их правильное отображение.
⏱Читать статью | 783 |
| 5 |  Кастомные медиавыражения
#почитать
Что такое кастомные медиавыражения и почему обычные CSS-переменные не работают внутри @media. Простое объяснение, понятные примеры и разбор того, как браузер вычисляет стили под капотом.
⏱Читать статью | 803 |
| 6 |  Как совместить утилиты и рукописный CSS в атомарном подходе?
#почитать
В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию.
⏱Читать статью | 827 |
| 7 |  Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков
#почитать
Красивый и интуитивно понятный интерфейс — это моя личная страсть. Я тратил дни, чтобы докрутить свои проекты до нужного мне уровня. В итоге я начал систематически собирать приёмы HTML и CSS, которые мгновенно улучшают восприятие пользователя.
Сегодня я решил показать вам несколько проверенных трюков. Выбрал самые лёгкие в освоении, чтобы вы смогли внедрить их уже сегодня, не отвлекаясь на сложности.
⏱Читать статью | 855 |
| 8 |  HTML мёртв, да здравствует HTML
#почитать
Браузеры — это очень странный мир. Хотя WebAssembly добился успеха, в том числе и на серверах, клиент по-прежнему ощущается примерно таким же, как и десять лет назад.
Энтузиасты будут говорить вам, что доступ к нативным веб-API через WASM — это решённая задача, достаточно лишь минимального клея JS.
Но никто не задаёт вопрос, зачем нам вообще нужно получать доступ к DOM. Это лишь один из вариантов. В этой статье мне бы хотелось объяснить, почему уже настало время отправить DOM и всевозможные API на радугу, а также поделиться некоторыми идеями о том, как это сделать.
Не буду притворяться, что знаю о браузерах всё. Сегодня уже никто не знает всего, в этом-то и проблема.
⏱Читать статью | 936 |
| 9 |  Коллекция полезных CSS фишек, которые вы редко используете
#почитать
В мире фронтенда активно всё меняется. Появляются одни инструменты, но только их выучишь — они устаревают, и нужно уже учить новые. Новые методы и API в JavaScript. Даже в HTML появляется что-то новое. И, конечно, CSS не отстаёт.
В общем не удивительно, что люди забывают или не успевают услышать о возможностях в CSS. В этой статье я постараюсь показать несколько из их, которые считаю полезными.
⏱Читать статью | 911 |
| 10 |  Все, что вам нужно знать об организации контента в Drupal
#почитать
Представьте, что ваш сайт - это большая библиотека с множеством книг на стеллажах. Конечно, вы сами, как сотрудник, так и ваши посетители, вполне оцените тот порядок, когда все предметы размещены систематизированно.
⏱Читать статью | 1 046 |
| 11 |  Влияние селекторов CSS на скорость рендеринга web-приложения
#почитать
Хотя различия в скорости работы CSS-селекторов хорошо документированы, на практике разработчики часто недооценивают их влияние на производительность. В этой статье мы количественно оценим, как некорректный выбор селекторов замедляет работу приложения, и систематизируем ключевые принципы оптимизации CSS.
⏱Читать статью | 1 019 |
| 12 |  Shadcn для Vue: норм или стрём?
#почитать
Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем придется помучиться. Честный обзор популярной UI библиотеки от практикующего разработчика.
Стек: Vue/Nuxt 3, Tailwindcss 3, Typescript, Telegram WebApp.
⏱Читать статью | 1 015 |
| 13 |  Умный рабочий стол, который живёт по солнцу
#почитать
Идея «умного» рабочего стола у меня появилась давно. Под "умным" я понимал не виджеты, прогнозы погоды и не очередную анимацию, а максимально простую идею: фон рабочего стола должен соответствовать тому времени суток, которое сейчас у меня за окном. Без условностей. Только солнце.
⏱Читать статью | 1 188 |
| 14 |  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.
⏱Читать статью | 1 101 |
| 15 |  🔴 Тестовое собеседование с ТимЛидом Frontend-разработки в этот четверг
6 августа(в четверг!) в 19:00 по мск приходи онлайн на открытое собеседование, чтобы посмотреть на настоящее интервью на Middle Frontend-разработчика.
Как это будет:
📂 Алексей Романов, Teamlead в Underhood.dev с опытом 6+ лет, будет задавать реальные вопросы и задачи разработчику-добровольцу
📂 Алексей будет комментировать каждый ответ респондента, чтобы дать понять, чего от вас ожидает собеседующий на интервью
📂 В конце можно будет задать любой вопрос Алексею
Это бесплатно. Эфир проходит в рамках менторской программы от ШОРТКАТ для Frontend-разработчиков, которые хотят повысить свой грейд, ЗП и прокачать скиллы.
Переходи в нашего бота, чтобы получить ссылку на эфир → @shortcut_front_bot
Реклама.
О рекламодателе. | 974 |
| 16 |  Atomic CSS: верстка и легкость бытия
#почитать
Обсудим имеющиеся проблемы в верстке и посмотрим, как атомарный подход их решает (или не решает). Разберем основные мифы, посмотрим на лучшие практики этого подхода и сделаем выводы.
Эту статью можно отчасти считать продолжением моей предыдущей, по данной теме, хотя напрямую они не связанны. Но если там был хардкор и технические детали, то здесь уже разберем прикладные вопросы: как верстать в Atomic CSS, чтобы получить заявленный эффект.
⏱Читать статью | 935 |
| 17 |  Верстаем сложный прогрессбар в 2026 году
#почитать
Раньше, чтобы сделать круговой прогрессбар, мы страдали с SVG. Мне до сих пор больно заглядывать в инспектор на старых реализациях. Сегодня всё кардинально упростилось.
Современный CSS позволяет собрать сложный, гибкий и красивый круговой прогрессбар буквально на одном div и на одном CSS-свойстве. И всё это — с отличной браузерной поддержкой.
В этой статье я разберу именно этот приём. Сначала — ключевую идею подхода, затем — возможности кастомизации, после этого добавлю немного визуальной «дороговизны», удобные ручки управления и экспериментальную CSS-логику. Да-да, напоследок мы немного попрограммируем на CSS!
⏱Читать статью | 1 189 |
| 18 |  Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании?
На фото ребята из моего комьюнити, где уже больше 220 frontend-разработчиков. Все они успешно устроились в крутые компании и получили офферы от 300 тыс рублей 🫂
👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке.
В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде.
И у тебя тоже получится 😎
У меня есть канал, где я:
👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения
👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти
👉 На примерах показываю, как проходить собеседования, включая техничку
👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров
И регулярно выкладываю полезное:
▪️ Задачи, на которых валятся кандидаты
▪️ Подборка из 100+ каналов с вакансиями для разработчиков
▪️ 100 вопросов, которые помогут тебе на собеседовании
▪️ Чек-лист для проверки своего резюме
Подписывайся: https://t.me/+7oWkeZXB4d44ODAy
Реклама, erid: 2W5zFH8ydtu ИП Галактионов Тихон Витальевич, ИНН 771618975809 | 1 006 |
| 19 |  View Transitions API
#почитать
Полистав различные ресурсы в Интернете и просмотрев множество видео по данной теме, я решил составить наиболее полную картину по данному, не побоюсь этого слова, революционному API, чтобы вы уже сегодня могли начать использовать его в своём проекте!
⏱Читать статью | 861 |
| 20 |  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 |
