​​😍CSS @layer — полное руководство по каскадным слоям

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

Читать...

​​🧳Путешествие JavaScript-кода через движок V8

В этой статье автор расскажет о том, какие механизмы в движке V8 позволяют JavaScript выступать наравне с компилируемыми языками по производительности

Читать...

CSS media запрос any-hover

Приветствую товарищи фронты! Знаете ли вы про такой медиа запрос?

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

Пример применения:

@media(any-hover: hover) {
 .element: hover {
 // ваши стили
 }
}

Если верить ресурсу caniuse то у этого медиа запроса уже довольно высокий уровень поддержки и из основных браузеров его не поддерживает только IE так что в большинстве случаев юзайте на здоровье.

​​🗣Трудности перевода в разработке: как делать интернациональные проекты и говорить с пользователями на одном языке

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

Читать...

​​🎨Уроки рисования красных квадратов

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

Читать...

​​😉Сравнение JavaScript операторов typeof и insanceof

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

Читать...

​​🎩JavaScript: примеры реализации некоторых математических выражений

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

Читать...

​​🎩Как наложить макет на вёрстку через PerfectPixel

В этом материале я расскажу, как корректно экспортировать макет, установить PerfectPixel, управлять расширением и находить элементы страницы, которые стоит поправить на вёрстке.

Читать...

​​📇Как вписать блоки в страницу или в контейнер? Используйте css grid

В этой статье я расскажу, о вписывании верстки в родительский контейнер.

Читать...

​​👍HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 3

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

Читать...

​​👤Мокинг API на JavaScript с Pactum

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

Читать...

​​🧐Tailwind vs BEM — 1 (сравнение производительности)

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

Читать...

​​😎Используйте zx.js вместо Shell

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

Читать...

​​💰Сокровища HTML: 7 тегов, которые упростят вам жизнь

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

Читать...

​​🧐Tailwind vs BEM — 2 (архитектура)

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

Читать...

​​🦏Проверка JavaScript-движка Rhino, или как встретились единорог с носорогом

В данной статье мы проведём анализ исходного кода Rhino при помощи PVS-Studio.

Читать...

​​🤝Знакомство с ООП на примере JavaScript

В этой статье мы рассмотрим основные характеристики объектно-ориентированного программирования (ООП) на практических примерах JS-кода.

Читать...

​​🐾OKLCH в CSS: по­че­му мы ушли от RGB и HSL

В этой статье мы расскажем, почему нам больше всего нравится oklch().

Читать...

​​🥸Как написать калькулятор на HTML и CSS без JavaScript

В этой статье я расскажу о разработке калькулятора на CSS и HTML, без файла JS, тега noscript и обработчиков событий в HTML

Читать...

​​☕️Учебник по JavaScript: работа с объектами

Статья охватывает все аспекты типа Object: создание, наследование, работа с полями и сериализация. Новички освоят базовые концепции языка, а продвинутые пользователи освежат в памяти знания.

Читать...

​​📚Методы массивов в JavaScript для новичков: советы, рекомендации и примеры

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

Читать...