Web Dev Sandbox
@web_dev_sandbox
Веб-разработка, 3d моделирование и путешествия.
Не только интересные статьи на тему IT, но и персональный блог с мыслями разработчика на удаленке! 🌏
54 posts
Ванильный код
Мне часто приходит в голову написать что-то на чистом HTML / CSS / JavaScript, так что проекты и статьи связанные с этим живут тут

Подводные камни Async/Await в циклах

Использование async / await при переборе массивов в цикле кажется простым, но при этом стоит не забывать про некоторые неинтуитивные особенности поведения. Давайте рассмотрим три разных примера, чтобы понять, на что вам следует обратить внимание и какой цикл лучше всего подходит для конкретных случаев использования.

Зачем использовать 'use sctrict'

Когда я только начинала писать код, мне кто-то сказал, что в JavaScript следует использовать строгий режим, но вот почему - особо не объяснили, да и я тогда не спросила...

Упрощение верстки с помощью Gap

До CSS grid единственным жизнеспособным вариантом для создания динамических макетов был flexbox. Но у него было одно серьезное ограничение: отсутствие поддержки gap.

Создаем секундомер на JavaScript

Всем привет 🎉 В этой статье мы узнаем, как мы создать секундомер. Использовать будем нативный HTML, CSS и JavaScript.

Пишем меньше @media используя сlamp

Некоторая адаптивность сайта не может быть достигнута без медиа-запросов. Но для числовых свойств — таких как интервал, размер шрифта, размеры и т. д. — можно линейно масштабировать между двумя базовыми значениями, а не переходить от одного дискретного значения к другому.

Как автоматически настроить размер шрифта

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

Что такое сборщики JavaScript и зачем их использовать

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

Безопасный каскад стилей CSS с :where

В прошлой статье из цикла #научите_меня_css мы разобрали как объединять селекторы в цепочку с помощью :is, сегодня мы продолжим тему полезных псевдоклассов и разберем :where.

Что нас ждет в ES2022?

ECMAScript 2022 - новый JavaScript стандарт, релиз которого назначен на июнь 2022. В этой статье я хочу рассказать вам о некоторых фишках, про которые стоит знать каждому js разработчику!