Жаркий спор по теме Masonry в CSS

#почитать

CSS получает новый функционал, с помощью которого можно будет создавать сетки по типу Pinterest. Но из-за дебатов между командами WebKit и Chrome релиз задерживается. Решается вопрос о том, как должен выглядеть синтаксис.

⏱Читать статью

Наиболее эффективные методы улучшения Core Web Vitals

#почитать

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

⏱Читать статью

Как создавать многошаговые формы с помощью Vanilla JavaScript и CSS

#почитать

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

⏱Читать статью

Интуитивно понятное объяснение конструкции Async/await в JavaScript

#почитать

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

⏱Читать статью

HTML элемент search

#почитать

HTML-элемент search — это контейнер, представляющий части веб-страницы с функциональностью поиска.

⏱Читать статью

Практикум. 6 способов выровнять блок по центру по вертикали и горизонтали

#почитать

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

⏱Читать статью

Улучшение производительности с делегированием событий

#почитать

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

⏱Читать статью

Uncaught TypeError: Cannot read property of undefined

#почитать

Эта ошибка возникает, когда вы пытаетесь получить доступ к свойству объекта, который в данный момент имеет значение undefined.

⏱Читать статью

Display:none по таймауту

#почитать

Допустим, у нас есть блок (скажем, бутстраповская ячейка <div class="col-12">) и мы хотим её схлопывать (скажем, по клику на кнопке).

⏱Читать статью

HTML элемент details: Встроенный аккордеон, который вы не используете

#почитать

Узнайте, как HTML элемент <details> может заменить JavaScript аккордеоны и почему он может быть лучше, чем ваше текущее решение.

⏱Читать статью

CSS content-visibility: Улучшение производительности веб-сайтов

#почитать

CSS свойство content-visibility откладывает рендеринг элемента, включая компоновку и отрисовку, до тех пор, пока он не понадобится

⏱Читать статью

Ключевое слово stretch: лучшая альтернатива width: 100% в CSS

#почитать

Используйте margin, избегая переполнения и горизонтальных полос прокрутки с width: stretch

⏱Читать статью

Лучшие курсы графического дизайна

#почитать

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

⏱Читать статью

Маленький треугольник во всплывающей подсказке

#почитать

Подсказки - это как домашняя еда: все ими пользуются, и у каждого есть свой рецепт их приготовления. Если вы не помните конкретный рецепт, вы ищете его, следуете ему и продолжаете свой день. Эта концепция "много способов сделать одно и то же" является общей для веб-разработки и программирования (и жизни!), но она особенно актуальна для всплывающих подсказок. Не существует специализированного способа их создания - и на данный момент он не нужен, - поэтому люди придумывают разные способы заполнить эти пробелы.

⏱Читать статью

Ошибки при работе с tailwindcss

#почитать

Во первых, модификатор !important чтобы перебить другие классы (стили).

⏱Читать статью

▫️Пишем Змейку на JS

#посмотреть

Видеотуториал freeCodeCamp (на английском).

⏱Смотреть на YouTube ⏱️1 час 40 минут

Академический минимум js-разработчика: базовые концепции

#почитать

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

⏱Читать статью