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

В этой статье я покажу, как парсил 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-разработчику: от инициализации, фильтрации и перебора массива до многомерных массивов.

Читать...

​​​​Шпаргалка по работе с медиа в браузере

В данной шпаргалке представлены все основные интерфейсы и методы по работе с медиа в браузере, описываемые в следующих спецификациях:

👉 Media Capture and Streams
👉 Screen Capture
👉 Media Capture from DOM Elements
👉 MediaStream Image Capture
👉 MediaStream Recording
👉 Web Speech API

Читать...

​​😎Основы и практика CSS Grid Layout: как использовать двумерную раскладку для повседневных задач

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

Читать...

​​👥Паттерны верстки. Как объединить верстальщиков и дизайнеров

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

Читать...

​​😎Практический пример использования CSS Layer

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

Читать...