Логово верстальщика
Open in Telegram
Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin
Show more8 241
Subscribers
-224 hours
-167 days
-1030 days
Posts Archive
8 241
👩💻 Hover Glyph Button
Кнопка с анимированным эффектом при наведении. Сделана на CSS, SVG и JavaScript.
Открыть код...
8 241
👩💻 Откройте для себя весь потенциал AbortController
В этой статье я расскажу об одном из стандартных API JavaScript, о котором, вы, возможно не слышали. Это AbortController.
Читать...
8 241
8 241
👩💻 Предоставление определения типа для CSS с @property
Пишите более безопасный CSS, используя
@property, позволяющий определять типы для пользовательских свойств. Узнайте, почему традиционные запасные значения могут не сработать и как функции @property повышают устойчивость определений пользовательских свойств.
Читать...8 241
👩💻 Collapsible Timeline
Таймлайн с возможностью раскрывать пункты. Сделан на SVG, CSS и JavaScript.
Открыть код
8 241
🔝 Эффективные способы реализации паттерна Singleton в JavaScript и TypeScript
Рассказываем о лучших подходах к созданию паттерна Singleton в JavaScript и TypeScript. Также обсудим его плюсы и возможные недостатки при использовании в проектах.
Читать...
8 241
👩💻 Наследование в CSS
Наследование в CSS — это действительно суперспособность, и именно оно превращает разработку в Интернете в удовольствие, если вы принимаете его. В этой небольшой статье я собираюсь обратить вас в супер фанатов.
Читать...
8 241
👩💻 Удаление дубликатов из массивов и строк в JavaScript
Удаление дубликатов — распространённая проблема в программировании, возникающая в различных контекстах, например, при очистке данных или обеспечении уникальности записей. Этот вопрос могут задать на собеседовании, поскольку он довольно прост и может подготовить собеседника к более сложным вопросам.
Читать...
8 241
🔝 Самые интересные статьи за последние дни:
• DRY-фреймворк: продолжение
• Как нарисовать квадрат 3 × 3 см на веб-странице*
• Скучный Интернет и как «бесполезные сайты» могут спасти от этого
• Простой мини-чат на FastApi: Современный интерфейс, вебсокеты и SQLAlchemy с деплоем
• Как мотивировать себя на правильные вещи
8 241
👩💻 Cube & Dots Loader
Анимированная загрузка в виде точек и куба. Сделана на чистом CSS.
Открыть код...
8 241
⛏ 11 инструментов для ускорения создания пользовательского интерфейса
Предлагаем подборку бесплатных инструментов для стилистического оформления пользовательских интерфейсов. Они помогут фронтенд-разработчикам и дизайнерам существенно сэкономить время и повысить производительность.
Читать...
8 241
🎯 Выделяй зону "непрерывности" в коде
Сложный проект? Логика размазана по 10 файлам, и ты постоянно перескакиваешь между ними?
👉 Совет: выдели ядро — минимальный набор файлов/модулей, через которые проходит весь основной поток. Поддерживай их максимально чистыми и предсказуемыми. Это будет твоей «точкой стабильности» в любом хаосе.
8 241
👩💻 5 непростых вопросов по JavaScript
Разберем пять непростых вопросов: о сравнениях, пустых массивах, странном try catch, стрелочной функции и коварном JSON.stringify. Сможете ответить на них правильно?
Читать...
8 241
➡Топ-каналы с инструментами для веб-разработчиков и программистов:
🖥 https://t.me/seniorFront - решай задачи, читай статьи и расти как фронтендер
🖥 https://t.me/frontendInterview - прокачай свои знания для собеседований
👩💻 https://t.me/sWebDev - находи лучшие библиотеки для работы
👩💻 https://t.me/web_craft - вдохновляйся и улучшай навыки
👩💻 https://t.me/python_practics - учи Python легко и эффективно
Подписывайся и развивайся с нами ✅
8 241
Срочно требуются Веб-Дизайнеры в Figma. Обучим с нуля.
Онлайн-программа с наставником и чатом.
Осторожно! 80% практики.
По результату обучения у вас будет портфолио из нескольких работ.
Сертификат о прохождении курса.
Возможность пройти полное обучение и получить гарантированное трудоустройство!
Учитесь дизайну у профессионалов.
Переходи по кнопки: "Узнать больше" и начинай свое обучение.
Доступ 0 руб.
Узнать больше
#реклама 16+
yudaevschool24.online
О рекламодателе
8 241
👩💻 Как сделать таймер на CSS
Давайте рассмотрим использование CSS в качестве альтернативы JavaScript для создания простых таймеров. Используем современные свойства CSS, такие, как
@property, @keyframes, и псевдоэлементы со значениями counter().
Читать...8 241
👩💻 Полное руководство по “this” в JavaScript
Благодаря поддержке Unicode 16 расширение MBString может работать со всеми новейшими символами Emoji, а также имеет самую актуальную информацию о смене регистра и ширине символов.
Читать...
8 241
🤖📈 Папка Экспертов: ИИ, ИТ и Маркетинг
https://t.me/addlist/f_e6mA-BQio3YmJi
Ключевые инсайты, свежие новости и экспертные комментарии этой недели
Что внутри подборки:
✅ Актуальные тренды в мире ИИ и ИТ: от новых технологий до внедрения в бизнес
✅ Изменения в алгоритмах и платформах: Google, Meta, Яндекс, Telegram, SEO, таргетинг
✅ Разбор свежих кейсов: как используют ИИ в маркетинге и автоматизации
✅ Практические советы по интеграции AI-инструментов в маркетинговые процессы
✅ Наша экспертная аналитика: что эти новости значат для бизнеса и как адаптироваться
https://t.me/addlist/f_e6mA-BQio3YmJi
Почему это важно:
Технологии развиваются стремительно — то, что работало вчера, сегодня устаревает.
Мы отбираем действительно важное, чтобы вы не тратили время на фильтрацию потока информации, а получали только то, что помогает масштабировать бизнес и находить новые точки роста.
Для кого:
• Для предпринимателей, которые ищут новые возможности для развития
• Для маркетологов, которые хотят быть на шаг впереди рынка
• Для ИТ-специалистов, которые внедряют AI-решения в бизнес
📩 Подписывайтесь, чтобы быть в курсе ключевых изменений в ИИ, ИТ и маркетинге.
https://t.me/addlist/f_e6mA-BQio3YmJi
8 241
➡️ Главные ошибки новичков-фронтендеров в HTML
Рассказываем про частые ошибки в HTML и о том, как их избежать. Добавляйте в закладки!
Читать...
8 241
👩💻 Seal of gravity
Сцена с кнопкой и анимированным тюленем. Сделана на CSS и JavaScript.
Открыть код
Available now! Telegram Research 2025 — the year's key insights 
