Логово верстальщика – Telegram
Логово верстальщика
8K subscribers
996 photos
48 videos
4 files
1.74K links
Канал для верстальщиков с инфой о HTML и CSS, а так же JavaScript на уровне верстальщиков.

Канал на бирже - https://telega.in/c/webdevlair

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
​​😵Шейдеры, голограммы и утечка света на чистом CSS

В этой статье автор расскажет, как на чистом современном CSS имитировать шейдеры аккуратным наложением слоёв и эффектов.

Читать...
​​🚀Как достичь производительного рендеринга в браузере

В этой статье автор расскажет, как устроен браузерный конвейер поставки кадров на экран и что нужно знать каждому разработчику, чтобы его интерфейсы были отзывчивыми, не лагали, а анимации были плавными и выдавали 60fps даже при высокой вычислительной нагрузке на main thread.

Читать...
​​😶🌫Что такое Style Queries?

В этой статье мы рассмотрим, как использовать style queries с CSS custom properties, и почему вам не нужно использовать контейнеры через свойства container-type.

Читать...
​​👾Как передавать макеты в разработку?

В этой статье автор обсудит как быть с приложениями для разработки дизайна интерфейсов, а также вы узнаете правила которых стоит придерживаться при подготовке макетов.

Читать...
​​🚀Центрируй, властвуй, располагай

В этой статье автор расскажет о вертикальном и горизонтальном центрировании CSS (Cascading Style Sheets).

Читать...
​​😍Как сделать веб-шрифты красочными

В этой статье автор расскажет о палитрах CSS в работе с многоцветными шрифтами COLRv1, которые поддерживаются в последних Chrome и Edge.

Читать...
​​😎На пути к дизайн-системе: как мы сделали визуал и разработку почти единым целым

В этой статье автор расскажет, как можно синхронизировать параметры дизайна и код.

Читать...
​​🤓Любопытные CSS фишки

В этой статье автор покажет наиболее распространенные задачи и расскажет вам, как они решаются с помощью современного CSS.

Читать...
​​😶🌫История одного макета: способы сделать сайт послушным

В этой статье автор расскажет как вёрстка помогает нам выстраивать содержимое веб-страниц по определённым правилам

Читать...
​​🧑‍💻20+ ошибок CSS, которых должен избегать каждый веб-дизайнер

В этой статье автор расскажет почему веб-разработчики используют CSS для создания визуально привлекательных и удобных веб-сайтов, совместимых с различными устройствами и браузерами.

Читать...
​​😵Вышла версия платформы создания приложений Electron 24.0.0

В этой статье автор расскажет как с помощью Electron можно создавать любые графические приложения с использованием браузерных технологий, логика работы которых определяется на JavaScript, HTML и CSS.

Читать...
​​🧑‍💻Создаем веб-сайт, будто на дворе 1999 год

В этой статье автор расскажет о том, как жилось веб-разработчикам 20+ лет назад, когда всемирная паутина была явлением совершенно новым, а чтобы войти в неё, приходилось некоторое время слушать специфические звуковые сигналы.

Читать...
​​🚀Mozilla запустила MDN Playground — собственную версию сервиса CodePen

В этой статье автор расскажет как тестировать и показывать сниппеты кода HTML, CSS и JavaScript.

Читать...
​​😎Состоялся релиз фреймворка Electron 24

В этой статье автор расскажет как разрабатывать настольные графические приложения с использованием веб-технологий.

Читать...
​​🖱Микрофронтенд: что это такое и зачем он нужен?

В этой статье сравним разные способы организации микрофронтенда, изучим их преимущества и стратегии реализации.

Читать...
​​😵ES2023 — что нового в JavaScript?

В данной статье мы обсудим новые возможности работы с массивами в JavaScript, которые были добавлены в ES2023.

Читать...
​​🧑‍💻Компонентный подход в вёрстке: подробный разбор для джунов и сочувствующих

В этой статье вы узнаете, как и зачем верстать интерфейсы, используя этот подход, какие параметры и проблемы важно учесть.

Читать...
​​😎ESLint. Анатомия правил линтинга: разбираем структуру, создаём собственное правило для React-приложения

В этой статье автор расскажет зачем нужны линтеры и как расширить стандартный набор правил.

Читать...
​​😤Объединение микрофронтов на Nx в один проект

В этой статье автор расскажет как создать в Nx несколько проектов, и как создать к ним компоненты и либы.

Читать...
​​🚀Исследование производительности анимации на основе скрола страницы

В этой статье автор расскажет что нового в анимации на основе скрола страницы.

Читать...
​​👤Внедрение зависимостей в ES6+ «на пальцах»

В этой статье автор покажет, как можно построить собственный контейнер объектов, который будет загружать исходный код es6-модулей, создавать нужные зависимости и вставлять их в нужные места.

Читать...