​​🗓JavaScript и HTML: делаем простой календарь за 5 минут

В этом материале мы создадим виджет с помощью HTML, CSS и JavaScript.

Читать...

​​🚀Встречайте Dev Mode в Figma

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

Читать...

​​😎Треугольник Серпинского — Canvas, JS

В этом статье мы напишем рекурсивный алгоритм отрисовки данного известного фрактала в canvas с помощью JS.

Читать...

​​😎Шаблоны селекторов в автотестах Cypress: две полезные шпаргалки

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

Читать...

​​👤Module Federation — что скрывается под кажущейся простотой

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

Читать...

​​🧑🏼‍💻JavaScript. Работа с буфером, Ctrl+C Ctrl+V

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

Читать...

​​😈XSS с мутациями: как безопасный код становится зловредным и при чем здесь innerHTML

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

Читать...

​​🚀HTML & CSS Features, Tips For a 10x Faster Page Loading Speed — DEV Community

В этой статье мы будем рассматривать ускорение работы страницы только с помощью файлов HTML и CSS.

Читать...

​​🚀Чёрная магия трансформов, или об оптимизации анимаций на CSS

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

Читать...

​​😎CSS запросы к контейнерам наконец с нами

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

Читать...

​​👤Как мы научили тексты на вебе жить по правилам

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

Читать...

​​🫠Как работать из PyCharm community c CSS

В этой статье автор расскажет, как создать небольшой генератор html, обернуть ее в функцию в файле .py, закинуть туда css, и записать все это в html, а также вы узнаете как аргумент file принимает в себя файл для записи.

Читать...

​​😍Руководство по цветовым функциям CSS

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

Читать...

​​🚀CSR, SSG, SSR — про рендеринг приложений на примерах

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

Читать...

​​😵Шейдеры, голограммы и утечка света на чистом CSS

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

Читать...

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

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

Читать...

​​😶‍🌫Что такое Style Queries?

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

Читать...

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

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

Читать...

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

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

Читать...

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

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

Читать...

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

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

Читать...