en
Feedback
Логово верстальщика

Логово верстальщика

Open in Telegram

Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin

Show more
8 241
Subscribers
-224 hours
-167 days
-1030 days
Posts Archive
👩‍💻 Hover Glyph Button Кнопка с анимированным эффектом при наведении. Сделана на CSS, SVG и JavaScript. Открыть код...

👩‍💻 Откройте для себя весь потенциал AbortController В этой статье я расскажу об одном из стандартных API JavaScript, о котором, вы, возможно не слышали. Это AbortController. Читать...

😈 Разработчики dzen.ru, что с вами не так? Статья о сайте дзен, точнее об отсутсвии простого и известного фунционала на нём, который есть почти на каждом форуме. В статье много боли и вопросов, почему так могло произойти. Подключайтесь, будем выяснять вместе. Читать...

👩‍💻 Предоставление определения типа для CSS с @property Пишите более безопасный CSS, используя @property, позволяющий определять типы для пользовательских свойств. Узнайте, почему традиционные запасные значения могут не сработать и как функции @property повышают устойчивость определений пользовательских свойств. Читать...

👩‍💻 Collapsible Timeline Таймлайн с возможностью раскрывать пункты. Сделан на SVG, CSS и JavaScript. Открыть код

🔝 Эффективные способы реализации паттерна Singleton в JavaScript и TypeScript Рассказываем о лучших подходах к созданию паттерна Singleton в JavaScript и TypeScript. Также обсудим его плюсы и возможные недостатки при использовании в проектах. Читать...

👩‍💻 Наследование в CSS Наследование в CSS — это действительно суперспособность, и именно оно превращает разработку в Интернете в удовольствие, если вы принимаете его. В этой небольшой статье я собираюсь обратить вас в супер фанатов. Читать...

👩‍💻 Удаление дубликатов из массивов и строк в JavaScript Удаление дубликатов — распространённая проблема в программировании, возникающая в различных контекстах, например, при очистке данных или обеспечении уникальности записей. Этот вопрос могут задать на собеседовании, поскольку он довольно прост и может подготовить собеседника к более сложным вопросам. Читать...

👩‍💻 Cube & Dots Loader Анимированная загрузка в виде точек и куба. Сделана на чистом CSS. Открыть код...

11 инструментов для ускорения создания пользовательского интерфейса Предлагаем подборку бесплатных инструментов для стилистического оформления пользовательских интерфейсов. Они помогут фронтенд-разработчикам и дизайнерам существенно сэкономить время и повысить производительность. Читать...

🎯 Выделяй зону "непрерывности" в коде Сложный проект? Логика размазана по 10 файлам, и ты постоянно перескакиваешь между ними? 👉 Совет: выдели ядро — минимальный набор файлов/модулей, через которые проходит весь основной поток. Поддерживай их максимально чистыми и предсказуемыми. Это будет твоей «точкой стабильности» в любом хаосе.

👩‍💻 5 непростых вопросов по JavaScript Разберем пять непростых вопросов: о сравнениях, пустых массивах, странном try catch, стрелочной функции и коварном JSON.stringify. Сможете ответить на них правильно? Читать...

➡Топ-каналы с инструментами для веб-разработчиков и программистов: 🖥 https://t.me/seniorFront - решай задачи, читай статьи и
Топ-каналы с инструментами для веб-разработчиков и программистов: 🖥 https://t.me/seniorFront - решай задачи, читай статьи и расти как фронтендер 🖥 https://t.me/frontendInterview - прокачай свои знания для собеседований 👩‍💻 https://t.me/sWebDev - находи лучшие библиотеки для работы 👩‍💻 https://t.me/web_craft - вдохновляйся и улучшай навыки 👩‍💻 https://t.me/python_practics - учи Python легко и эффективно Подписывайся и развивайся с нами

Срочно требуются Веб-Дизайнеры в Figma. Обучим с нуля. Онлайн-программа с наставником и чатом. Осторожно! 80% практики. По результату обучения у вас будет портфолио из нескольких работ. Сертификат о прохождении курса. Возможность пройти полное обучение и получить гарантированное трудоустройство! Учитесь дизайну у профессионалов. Переходи по кнопки: "Узнать больше" и начинай свое обучение. Доступ 0 руб. Узнать больше #реклама 16+ yudaevschool24.online О рекламодателе

👩‍💻 Как сделать таймер на CSS Давайте рассмотрим использование CSS в качестве альтернативы JavaScript для создания простых таймеров. Используем современные свойства CSS, такие, как @property, @keyframes, и псевдоэлементы со значениями counter(). Читать...

👩‍💻 Полное руководство по “this” в JavaScript Благодаря поддержке Unicode 16 расширение MBString может работать со всеми новейшими символами Emoji, а также имеет самую актуальную информацию о смене регистра и ширине символов. Читать...

🤖📈 Папка Экспертов: ИИ, ИТ и Маркетинг https://t.me/addlist/f_e6mA-BQio3YmJi Ключевые инсайты, свежие новости и экспертные
🤖📈 Папка Экспертов: ИИ, ИТ и Маркетинг 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

➡️ Главные ошибки новичков-фронтендеров в HTML Рассказываем про частые ошибки в HTML и о том, как их избежать. Добавляйте в закладки! Читать...

👩‍💻 Seal of gravity Сцена с кнопкой и анимированным тюленем. Сделана на CSS и JavaScript. Открыть код