Верстальщик от бога
رفتن به کانال در Telegram
Регистрация в перечне РКН: https://knd.gov.ru/license?id=6757e1989d804a279b283165®istryType=bloggersPermission Самый большой канал по верстке в телеграм. Чат верстальщиков: @godinhtmlchat По всем вопросам: @anothertechrock
نمایش بیشتر
شبکه:9 253
مشترکین
-224 ساعت
-147 روز
-8330 روز
در حال بارگذاری داده‌ها
کانال‌های مشابه
ابر برچسب‌ها
اشارات ورودی و خروجی
---
---
---
---
---
---
جذب مشترکین
اکتبر '26اکتبر '26
اکتبر '26
+5
در 0 کانال‌ها
سپتامبر '26
+20
در 0 کانال‌ها
Get PRO
اوت '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 کانال‌ها
| تاریخ | رشد مشترکین | اشارات | کانال‌ها | |
| 18 اکتبر | +1 | |||
| 17 اکتبر | 0 | |||
| 16 اکتبر | +1 | |||
| 15 اکتبر | 0 | |||
| 14 اکتبر | 0 | |||
| 13 اکتبر | +1 | |||
| 12 اکتبر | +1 | |||
| 11 اکتبر | 0 | |||
| 10 اکتبر | 0 | |||
| 09 اکتبر | 0 | |||
| 08 اکتبر | +1 | |||
| 07 اکتبر | 0 | |||
| 06 اکتبر | 0 | |||
| 05 اکتبر | 0 | |||
| 04 اکتبر | 0 | |||
| 03 اکتبر | 0 | |||
| 02 اکتبر | 0 | |||
| 01 اکتبر | 0 |
پست‌های کانال
🌐Next.js с нуля - полный курс для начинающих
#посмотреть
В этом видео мы будем изучать фреймворк Next.js 15 на примере создания проекта "Рецепты татарской кухни" с применением современного стека технологий: HeroUI, Zustand, PostgreSQL, Prisma, Auth.js и Zod. Пошагово разберем процесс разработки веб-приложения, включая инициализацию проекта, настройку структуры, файловый роутинг, серверные действия, middleware, создание страниц и многое другое Работать с базой данных будем через Prisma, реализуем авторизацию и регистрацию с Auth.js, а интерфейс под это сделаем на HeroUI Научимся тестировать проект через Postman и использовать pgAdmin Будем хранить состояние авторизации и другую логику в Zustand Решим огромную кучу проблем, пофиксим баги и получим разнообразный опыт В финале перенесем БД в облачную Prisma Data platform и успешно задиплоим на Vercel!⏱Смотреть на YouTube ⏱️3 часа 30 минут
| 2 |  🌐Как изменилось ПРОГРАММИРОВАНИЕ за последние 20 ЛЕТ (ИИ, обучение, рынок труда)
#посмотреть
Интервью с Сергеем — ветераном IT с 20-летним опытом. Мы говорим о том, как менялось программирование за два десятилетия, как появился БЭМ, почему ИИ уже меняет профессию разработчика и что будет с IT-карьерой в ближайшие годы.
⏱Смотреть на YouTube ⏱️1 час 30 минут | 945 |
| 3 |  +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 для фронтенда, присоединяйтесь к сезону.
Вы поймёте, как встроить новые инструменты и подходы в свою работу и найдёте множество единомышленников.
👉 Билеты на сезон | 897 |
| 4 |  🌐Вайбкодинг с Cursor: сайт с нуля за 60 минут
#посмотреть
— как работать с Cursor
— как формулировать запросы к AI
— как AI пишет код за тебя
— как собрать простой сайт с нуля
— какие ошибки совершают новички
— кому подходит вайбкодинг и кому нет
⏱Смотреть на YouTube ⏱️1 час | 824 |
| 5 |  Пропадающая граница в sticky-таблице. Баг CSS-рендеринга, найденный в React-проекте
#почитать
Проблема заключается в том, что в таблице на React с колонками, у которых есть свойство position: sticky, иногда пропадала граница между соседними ячейками по вертикали. Причём проявлялась она не всегда и носит случайный характер. Забавно, что изменение масштаба страницы (Ctrl + колесико мыши) мгновенно возвращает исчезнувший бордер. При этом в CSS все прописано и никуда не исчезает — это чисто визуальный баг рендера.
⏱Читать статью | 1 144 |
| 6 |  Вайбкодерам и Веб-разработчикам на заметку! Список сайтов с готовыми React UI-Компонентами
#почитать
Во многих случаях при разработке веб-сервисов и сайтов возникает необходимость в поиске готовых UI-компонентов — как для вдохновения, так и для ускорения работы над интерфейсом. Подобные решения будут полезны всем, кто занимается веб-дизайном и веб-разработкой.
В статье представлена подборка ресурсов с качественными и интересными UI-компонентами. Список будет дополняться по мере появления действительно достойных сайтов и сервисов.
⏱Читать статью | 1 019 |
| 7 |  Реактивность без React или как обойтись без id в html элементах
#почитать
А зачем вообще обходиться без id? Даже не знаю, но это вполне возможно, и приложение будет живым и вполне себе «реактивным». А всю «магию» при этом творит функция, которую я назвал tokenize.
Конечно же я, ни в коем случае, не настаиваю на отказе от id. "Элементарные" id никому не мешают и tokenize`у тоже. Но если обходиться без id, то как же получать ссылки на DOM элементы, для обращения к ним? Вот для этого и нужна функция tokenize, которая собирает референсы в удобную структуру с ветками, подветками и листьями (ссылками на DOM элементы). А вот как она это делает, мы с Вами сейчас и разберём.
⏱Читать статью | 989 |
| 8 |  Прагматичное руководство по современным цветам в CSS
#почитать
Для большинства разработчиков работа с цветами в CSS часто сводится к тому, чтобы просто скопировать значение из файла дизайна и вставить его в редактор. Мы ведь разработчики, а не дизайнеры. Тем не менее, за последние годы в CSS произошло множество изменений, касающихся работы с цветами — от новой синтаксической формы до совсем новых возможностей, которыми могут пользоваться даже те, кто редко занимается дизайном.
Если вы разрабатываете собственные цветовые схемы или хотите глубже понять, как применять теорию цвета прямо в CSS, во второй части статьи я расскажу об этом подробнее. А в этой части я сосредоточусь на том, как новые функции работы с цветом могут помочь именно разработчикам, не углубляющимся в дизайн.
⏱Читать статью | 966 |
| 9 |  Я нанял джуна в свой open source проект. Вот что получилось
#почитать
Здравствуйте, товарищи! Сегодня у нас будет не техническая статья. Я расскажу об одном нестандартном кейсе из своей практики, суть которого отражена в заголовке.
В первой части будет описание моего опыта, а далее обсудим, как можно его перенять. И не просто перенять, а использовать для решения сразу двух проблем в IT-индустрии!
⏱Читать статью | 1 049 |
| 10 |  Полупрозрачный бублик, 3D-сапёр и электрорамка: самые интересные CSS-демки
#почитать
Посмотрели за вас в интернете и заботливо отобрали самые интересные демки на CSS и JavaScript.
⏱Читать статью | 992 |
| 11 |  CSS-свойство image-orientation: исправляем ориентацию изображений из EXIF
#почитать
При загрузке фотографий со смартфонов или камер на сайтах порой возникает проблема с неправильной ориентацией изображений. Это связано с тем, что устройства сохраняют ориентацию изображения в метаданных EXIF, а браузеры могут не всегда учитывать эти данные при отображении. Свойство CSS image-orientation позволяет корректировать ориентацию изображений, обеспечивая их правильное отображение.
⏱Читать статью | 1 055 |
| 12 |  Кастомные медиавыражения
#почитать
Что такое кастомные медиавыражения и почему обычные CSS-переменные не работают внутри @media. Простое объяснение, понятные примеры и разбор того, как браузер вычисляет стили под капотом.
⏱Читать статью | 962 |
| 13 |  Как совместить утилиты и рукописный CSS в атомарном подходе?
#почитать
В этой статье мы поговорим о том, нормально ли применять в рамках Atomic CSS подхода рукописный CSS. Бытуют разные мнения по этому поводу. Кто-то считает, что в атомарном подходе нужно использовать только утилиты, а кто-то допускает и произвольные сочетания рукописных CSS классов с ними. Я постараюсь разобраться в этом, аргументируя свою позицию.
⏱Читать статью | 941 |
| 14 |  Делаем интерфейс дружелюбнее. Коллекция простых HTML/CSS лайфхаков
#почитать
Красивый и интуитивно понятный интерфейс — это моя личная страсть. Я тратил дни, чтобы докрутить свои проекты до нужного мне уровня. В итоге я начал систематически собирать приёмы HTML и CSS, которые мгновенно улучшают восприятие пользователя.
Сегодня я решил показать вам несколько проверенных трюков. Выбрал самые лёгкие в освоении, чтобы вы смогли внедрить их уже сегодня, не отвлекаясь на сложности.
⏱Читать статью | 972 |
| 15 |  HTML мёртв, да здравствует HTML
#почитать
Браузеры — это очень странный мир. Хотя WebAssembly добился успеха, в том числе и на серверах, клиент по-прежнему ощущается примерно таким же, как и десять лет назад.
Энтузиасты будут говорить вам, что доступ к нативным веб-API через WASM — это решённая задача, достаточно лишь минимального клея JS.
Но никто не задаёт вопрос, зачем нам вообще нужно получать доступ к DOM. Это лишь один из вариантов. В этой статье мне бы хотелось объяснить, почему уже настало время отправить DOM и всевозможные API на радугу, а также поделиться некоторыми идеями о том, как это сделать.
Не буду притворяться, что знаю о браузерах всё. Сегодня уже никто не знает всего, в этом-то и проблема.
⏱Читать статью | 1 011 |
| 16 |  Коллекция полезных CSS фишек, которые вы редко используете
#почитать
В мире фронтенда активно всё меняется. Появляются одни инструменты, но только их выучишь — они устаревают, и нужно уже учить новые. Новые методы и API в JavaScript. Даже в HTML появляется что-то новое. И, конечно, CSS не отстаёт.
В общем не удивительно, что люди забывают или не успевают услышать о возможностях в CSS. В этой статье я постараюсь показать несколько из их, которые считаю полезными.
⏱Читать статью | 959 |
| 17 |  Все, что вам нужно знать об организации контента в Drupal
#почитать
Представьте, что ваш сайт - это большая библиотека с множеством книг на стеллажах. Конечно, вы сами, как сотрудник, так и ваши посетители, вполне оцените тот порядок, когда все предметы размещены систематизированно.
⏱Читать статью | 1 156 |
| 18 |  Влияние селекторов CSS на скорость рендеринга web-приложения
#почитать
Хотя различия в скорости работы CSS-селекторов хорошо документированы, на практике разработчики часто недооценивают их влияние на производительность. В этой статье мы количественно оценим, как некорректный выбор селекторов замедляет работу приложения, и систематизируем ключевые принципы оптимизации CSS.
⏱Читать статью | 1 131 |
| 19 |  Shadcn для Vue: норм или стрём?
#почитать
Опыт использования shadcn-vue в продакшн проекте: что работает хорошо, а с чем придется помучиться. Честный обзор популярной UI библиотеки от практикующего разработчика.
Стек: Vue/Nuxt 3, Tailwindcss 3, Typescript, Telegram WebApp.
⏱Читать статью | 1 100 |
| 20 |  Умный рабочий стол, который живёт по солнцу
#почитать
Идея «умного» рабочего стола у меня появилась давно. Под "умным" я понимал не виджеты, прогнозы погоды и не очередную анимацию, а максимально простую идею: фон рабочего стола должен соответствовать тому времени суток, которое сейчас у меня за окном. Без условностей. Только солнце.
⏱Читать статью | 1 218 |
