ar
Feedback
Верстальщик от бога

Верстальщик от бога

الذهاب إلى القناة على Telegram

Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @anothertechrock

إظهار المزيد
9 312
المشتركون
-424 ساعات
-227 أيام
-9730 أيام
جذب المشتركين
سبتمبر '26
سبتمبر '26
+17
في 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 قنوات
التاريخ
نمو المشتركين
الإشارات
القنوات
27 سبتمبر0
26 سبتمبر+1
25 سبتمبر0
24 سبتمبر0
23 سبتمبر+2
22 سبتمبر+1
21 سبتمبر0
20 سبتمبر+1
19 سبتمبر0
18 سبتمبر+2
17 سبتمبر0
16 سبتمبر0
15 سبتمبر0
14 سبتمبر0
13 سبتمبر+2
12 سبتمبر+1
11 سبتمبر0
10 سبتمبر+2
09 سبتمبر0
08 سبتمبر+2
07 سبتمبر+1
06 سبتمبر+1
05 سبتمبر0
04 سبتمبر0
03 سبتمبر+1
02 سبتمبر0
01 سبتمبر0
منشورات القناة
🌐Как изменилось ПРОГРАММИРОВАНИЕ за последние 20 ЛЕТ (ИИ, обучение, рынок труда) #посмотреть Интервью с Сергеем — ветераном
🌐Как изменилось ПРОГРАММИРОВАНИЕ за последние 20 ЛЕТ (ИИ, обучение, рынок труда) #посмотреть Интервью с Сергеем — ветераном IT с 20-летним опытом. Мы говорим о том, как менялось программирование за два десятилетия, как появился БЭМ, почему ИИ уже меняет профессию разработчика и что будет с IT-карьерой в ближайшие годы. ⏱Смотреть на YouTube ⏱️1 час 30 минут

2
🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew AI-инструменты уже используют все, но порой в+5
🤖 AI для фронтенд-разработчика: собираем инструменты на Podlodka Frontend Crew AI-инструменты уже используют все, но порой в обсуждении с LLM возникает ощущение, что голова полна ответов, но их всё ещё недостаточно, чтобы разрешить вполне себе прикладные вопросы. Эксперты Podlodka Frontend Crew собрали онлайн-конференцию «Фронтенд с AI», чтобы вместе с практиками из индустрии увидеть, как работает AI в разных аспектах фронтенд-разработки, а главное — сразу начать использовать новые подходы в реальной жизни. 💬 Какие темы ждут участников сезона с 5 по 9 октября: 🔴 AI Coding и подготовка репозитория к работе с AI 🔴 Spec Kit для разработки интерфейсов 🔴 Агентная разработка в закрытом контуре 🔴 WebMCP как дополнительный harness 🔴 AI-дизайн и его место в процессе разработки. Полная программа — уже на сайте! Формат: пять дней живых Zoom-сессий по утрам и вечерам, закрытое Telegram-комьюнити и много общения со спикерами. Если хочется не просто читать про AI-тренды, а получить концентрированную порцию знаний именно про AI для фронтенда, присоединяйтесь к сезону. Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников. 👉 Билеты на сезон
422
3
🌐Вайбкодинг с Cursor: сайт с нуля за 60 минут #посмотреть — как работать с Cursor — как формулировать запросы к AI — как AI
🌐Вайбкодинг с Cursor: сайт с нуля за 60 минут #посмотреть — как работать с Cursor — как формулировать запросы к AI — как AI пишет код за тебя — как собрать простой сайт с нуля — какие ошибки совершают новички — кому подходит вайбкодинг и кому нет ⏱Смотреть на YouTube ⏱️1 час
559
4
Пропадающая граница в sticky-таблице. Баг CSS-рендеринга, найденный в React-проекте #почитать Проблема заключается в том, что
Пропадающая граница в sticky-таблице. Баг CSS-рендеринга, найденный в React-проекте #почитать Проблема заключается в том, что в таблице на React с колонками, у которых есть свойство position: sticky, иногда пропадала граница между соседними ячейками по вертикали. Причём проявлялась она не всегда и носит случайный характер. Забавно, что изменение масштаба страницы (Ctrl + колесико мыши) мгновенно возвращает исчезнувший бордер. При этом в CSS все прописано и никуда не исчезает — это чисто визуальный баг рендера. ⏱Читать статью
1 013
5
Вайбкодерам и Веб-разработчикам на заметку! Список сайтов с готовыми React UI-Компонентами #почитать Во многих случаях при ра
Вайбкодерам и Веб-разработчикам на заметку! Список сайтов с готовыми React UI-Компонентами #почитать Во многих случаях при разработке веб-сервисов и сайтов возникает необходимость в поиске готовых UI-компонентов — как для вдохновения, так и для ускорения работы над интерфейсом. Подобные решения будут полезны всем, кто занимается веб-дизайном и веб-разработкой. В статье представлена подборка ресурсов с качественными и интересными UI-компонентами. Список будет дополняться по мере появления действительно достойных сайтов и сервисов. ⏱Читать статью
937
6
Реактивность без React или как обойтись без id в html элементах #почитать А зачем вообще обходиться без id? Даже не знаю, но
Реактивность без React или как обойтись без id в html элементах #почитать А зачем вообще обходиться без id? Даже не знаю, но это вполне возможно, и приложение будет живым и вполне себе «реактивным». А всю «магию» при этом творит функция, которую я назвал tokenize. Конечно же я, ни в коем случае, не настаиваю на отказе от id. "Элементарные" id никому не мешают и tokenize`у тоже. Но если обходиться без id, то как же получать ссылки на DOM элементы, для обращения к ним? Вот для этого и нужна функция tokenize, которая собирает референсы в удобную структуру с ветками, подветками и листьями (ссылками на DOM элементы). А вот как она это делает, мы с Вами сейчас и разберём. ⏱Читать статью
945
7
Прагматичное руководство по современным цветам в CSS #почитать Для большинства разработчиков работа с цветами в CSS часто сво
Прагматичное руководство по современным цветам в CSS #почитать Для большинства разработчиков работа с цветами в CSS часто сводится к тому, чтобы просто скопировать значение из файла дизайна и вставить его в редактор. Мы ведь разработчики, а не дизайнеры. Тем не менее, за последние годы в CSS произошло множество изменений, касающихся работы с цветами — от новой синтаксической формы до совсем новых возможностей, которыми могут пользоваться даже те, кто редко занимается дизайном. Если вы разрабатываете собственные цветовые схемы или хотите глубже понять, как применять теорию цвета прямо в CSS, во второй части статьи я расскажу об этом подробнее. А в этой части я сосредоточусь на том, как новые функции работы с цветом могут помочь именно разработчикам, не углубляющимся в дизайн. ⏱Читать статью
942
8
Я нанял джуна в свой open source проект. Вот что получилось #почитать Здравствуйте, товарищи! Сегодня у нас будет не техничес
Я нанял джуна в свой open source проект. Вот что получилось #почитать Здравствуйте, товарищи! Сегодня у нас будет не техническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке. В первой части будет описание моего опыта, а далее обсудим, как можно его перенять. И не просто перенять, а использовать для решения сразу двух проблем в IT-индустрии! ⏱Читать статью
1 007
9
Полупрозрачный бублик, 3D-сапёр и электрорамка: самые интересные CSS-демки #почитать Посмотрели за вас в интернете и заботлив
Полупрозрачный бублик, 3D-сапёр и электрорамка: самые интересные CSS-демки #почитать Посмотрели за вас в интернете и заботливо отобрали самые интересные демки на CSS и JavaScript. ⏱Читать статью
985
10
CSS-свойство image-orientation: исправляем ориентацию изображений из EXIF #почитать При загрузке фотографий со смартфонов или
CSS-свойство image-orientation: исправляем ориентацию изображений из EXIF #почитать При загрузке фотографий со смартфонов или камер на сайтах порой возникает проблема с неправильной ориентацией изображений. Это связано с тем, что устройства сохраняют ориентацию изображения в метаданных EXIF, а браузеры могут не всегда учитывать эти данные при отображении. Свойство CSS image-orientation позволяет корректировать ориентацию изображений, обеспечивая их правильное отображение. ⏱Читать статью
1 055
11
Кастомные медиавыражения #почитать Что такое кастомные медиавыражения и почему обычные CSS-переменные не работают внутри @med
Кастомные медиавыражения #почитать Что такое кастомные медиавыражения и почему обычные CSS-переменные не работают внутри @media. Простое объяснение, понятные примеры и разбор того, как браузер вычисляет стили под капотом. ⏱Читать статью
962
12
Как совместить утилиты и рукописный CSS в атомарном подходе? #почитать В этой статье мы поговорим о том, нормально ли применя
Как совместить утилиты и рукописный CSS в атомарном подходе? #почитать В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию. ⏱Читать статью
941
13
Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков #почитать Красивый и интуитивно понятный интерфейс — это м
Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков #почитать Красивый и интуитивно понятный интерфейс — это моя личная страсть. Я тратил дни, чтобы докрутить свои проекты до нужного мне уровня. В итоге я начал систематически собирать приёмы HTML и CSS, которые мгновенно улучшают восприятие пользователя. Сегодня я решил показать вам несколько проверенных трюков. Выбрал самые лёгкие в освоении, чтобы вы смогли внедрить их уже сегодня, не отвлекаясь на сложности. ⏱Читать статью
972
14
HTML мёртв, да здравствует HTML #почитать Браузеры — это очень странный мир. Хотя WebAssembly добился успеха, в том числе и н
HTML мёртв, да здравствует HTML #почитать Браузеры — это очень странный мир. Хотя WebAssembly добился успеха, в том числе и на серверах, клиент по-прежнему ощущается примерно таким же, как и десять лет назад. Энтузиасты будут говорить вам, что доступ к нативным веб-API через WASM — это решённая задача, достаточно лишь минимального клея JS. Но никто не задаёт вопрос, зачем нам вообще нужно получать доступ к DOM. Это лишь один из вариантов. В этой статье мне бы хотелось объяснить, почему уже настало время отправить DOM и всевозможные API на радугу, а также поделиться некоторыми идеями о том, как это сделать. Не буду притворяться, что знаю о браузерах всё. Сегодня уже никто не знает всего, в этом-то и проблема. ⏱Читать статью
1 011
15
Коллекция полезных CSS фишек, которые вы редко используете #почитать В мире фронтенда активно всё меняется. Появляются одни и
Коллекция полезных CSS фишек, которые вы редко используете #почитать В мире фронтенда активно всё меняется. Появляются одни инструменты, но только их выучишь — они устаревают, и нужно уже учить новые. Новые методы и API в JavaScript. Даже в HTML появляется что-то новое. И, конечно, CSS не отстаёт. В общем не удивительно, что люди забывают или не успевают услышать о возможностях в CSS. В этой статье я постараюсь показать несколько из их, которые считаю полезными. ⏱Читать статью
959
16
Все, что вам нужно знать об организации контента в Drupal #почитать Представьте, что ваш сайт - это большая библиотека с множ
Все, что вам нужно знать об организации контента в Drupal #почитать Представьте, что ваш сайт - это большая библиотека с множеством книг на стеллажах. Конечно, вы сами, как сотрудник, так и ваши посетители, вполне оцените тот порядок, когда все предметы размещены систематизированно. ⏱Читать статью
1 156
17
Влияние селекторов CSS на скорость рендеринга web-приложения #почитать Хотя различия в скорости работы CSS-селекторов хорошо
Влияние селекторов CSS на скорость рендеринга web-приложения #почитать Хотя различия в скорости работы CSS-селекторов хорошо документированы, на практике разработчики часто недооценивают их влияние на производительность. В этой статье мы количественно оценим, как некорректный выбор селекторов замедляет работу приложения, и систематизируем ключевые принципы оптимизации CSS. ⏱Читать статью
1 131
18
Shadcn для Vue: норм или стрём? #почитать Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем прид
Shadcn для Vue: норм или стрём? #почитать Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем придется помучиться. Честный обзор популярной UI библиотеки от практикующего разработчика. Стек: Vue/Nuxt 3, Tailwindcss 3, Typescript, Telegram WebApp. ⏱Читать статью
1 100
19
Умный рабочий стол, который живёт по солнцу #почитать Идея «умного» рабочего стола у меня появилась давно. Под "умным" я пони
Умный рабочий стол, который живёт по солнцу #почитать Идея «умного» рабочего стола у меня появилась давно. Под "умным" я понимал не виджеты, прогнозы погоды и не очередную анимацию, а максимально простую идею: фон рабочего стола должен соответствовать тому времени суток, которое сейчас у меня за окном. Без условностей. Только солнце. ⏱Читать статью
1 218
20
I Learned The First Rule of ARIA the Hard Way #почитать Semantic HTML does a lot more accessibility work than we usually give
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