​Что такое Webhook и WebSocket?

В мире веб-разработки существует множество технологий, с которыми сталкиваются разработчики, и две из них — Webhook (вебхук) и WebSocket (веб-сокет). Обе они используются для связи через Интернет, но служат разным целям и работают по-разному. Цель этой статьи — дать глубокое понимание обеих технологий, их различий и того, когда следует использовать каждую из них.

#ru

​Основные принципы хорошего нейминга

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

#ru

​Как сопоставлять скобки с помощью JavaScript и без использования Regex

Разбираем, как с помощью JS определять, совпадают ли пары открывающих и закрывающих символов (), [] и {} внутри строки типа «[foo () {bar}]».

#ru

​Тестирование кода HTML при помощи CSS

Давным-давно я написал довольно популярный фрагмент открытого исходного кода под названием REVENGE.CSS. В двух словах, цель REVENGE.CSS - расстановка визуальных пояснений к HTML элементам, нарушающим шаблон. Он делает так, чтобы плохой HTML элемент выглядел плохо, оформляя его в болезненно-розовом цвете и непопулярным шрифтом Comic Sans MS.

Селекторы, устанавливавшие "мстительный" стиль, широко используют отрицающий псевдокласс :not, который был уже доступен на протяжении 11 лет.

#ru

​Неизвестно полезный CSS

В этой статье:

- как перестать вредить пользователям свойствами justify-content и align-items
- недавно появившиеся возможности разделять CSS на части и управлять их приоритетом
- неизвестный нюанс применения псевдокласса :nth-child.

#ru

​20 функций JavaScript, которые вы, вероятно, никогда не использовали

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

#ru

​Каскад и специфичность в CSS - это просто

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

#ru

​Черт тебя возьми, CSS

В этой статье:

- Нюансы работы синтаксиса of S для псевдо-класса :nth-child()
- Случаи использования свойства aspect-ratio, неожиданно ломающие вёрстку
- Различия между псевдоклассом lang() и селектором по атрибуту [lang=""].

#ru

​Группировка массивов в JavaScript (2024)

Группировка массивов — это задача, которую вы, скорее всего, реализовывали в JavaScript. Она напоминает выполнение GROUP BY в SQL. Имея набор данных, мы можем составить набор более высокого уровня, поместив похожие данные в группы и присвоив группам идентификаторы.

В этой статье разбираем новые функции группировки массивов, вышедшие в 2024 году, а именно Object.groupBy и Map.groupBy.

#ru

​Разрешите представиться, Каскадные слои CSS

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

#ru

​Как нарисовать квадрат 3 × 3 см на веб-странице

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

#ru

​Получение размера окна на чистом CSS

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

#ru

​Скучный Интернет и как «бесполезные сайты» могут спасти от этого

Из 1,1 миллиарда веб-сайтов, составляющих Всемирную паутину, только 18% в настоящее время активны. Среди них можно найти настоящие алмазы — веб-сайты, которые активны и тщательно разработаны, но при этом самым забавным образом бесполезны.

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

#ru