В CSS Grid можно повторять колонки для заполнения контейнера и автоматически размещать в них элементы. В частности, мы можем указать количество столбцов в сетке, а затем браузер будет управлять адаптивностью этих колонок за нас. Нам достаточно написать для этого всего одну строку CSS.
Читать статью
Читать статью
👍4
Ошибки в коде на React, которые допускают как начинающие, так и достаточно опытные программисты.
Читать статью
Читать статью
CSS постоянно развивается, и некоторые интересные и полезные свойства либо остаются совершенно незамеченными, либо по тем или иным причинам остаются в стороне от публичных дискуссий. В этой статье представлена часть таких CSS-свойств и селекторов.
Читать статью
Читать статью
👍5
Подборка генераторов CSS-кода для самых разных вещей в UI: анимаций, фонов, теней, кнопок, разделителей, градиентов, фильтров и т.п.
Читать статью
Читать статью
👍5🔥1
Чем меньше веб-сайт, тем быстрее он грузится, и это неудивительно. Так происходит из-за алгоритма медленного старта TCP. Давайте разберемся, что это такое, как работает и почему это важно.
Читать статью
Читать статью
👍3
Раньше на сайтах встречались рекламные видео, которые автоматически запускались с громким звуком. Это негативно сказывалось на пользовательском опыте. В результате появилась политика автовоспроизведения видео в браузере. Давайте поговорим, что это такое и какие палки и колёса мы можем встретить.
Читать статью
Читать статью
Рассказали, как написать переключатель темы на базе файлов cookie с помощью CSS и ванильного JavaScript.
Читать статью
Читать статью
👍6
С правильным подбором картинок и тщательным их наложением можно создавать удивительно качественные эффекты без нужды в каких-либо JS-зависимостях. Давайте посмотрим, что можно сделать на чистом CSS.
Читать статью
Читать статью
🔥3
Промисы — ключевая особенность асинхронного программирования на JavaScript. В этой статье вы найдете несколько задач по промисам, от базовых до продвинутых, а также 10 сниппетов кода.
Читать статью
Читать статью
👍4
Некоторые JS-движки не могут разобрать JS-код. Но непонятный движку код можно преобразовать. Для этого есть два подхода. Можно использовать транспайлер, а можно полифилл. Разбираемся, что это такое.
Читать статью
Читать статью
В этой статье, на примере создания анимации шаров на canvas, мы разберём, как написать ES6 класс для этой задачи и как использовать его. Сам класс будет включать в себя достаточно большое количество различных свойств и методов, включая статические.
Читать статью
Читать статью
❤1👍1
Существует 4 причины, по которым компонент подвергается ререндерингу: изменение состояния, ререндеринг родительского компонента, изменение контекста и изменение хука. В этой статье вы найдете полное руководство по повторному рендерингу в React.
Читать статью
Читать статью
Статья о некоторых полезных возможностях, предоставляемых современным CSS, а также о фичах, которые появятся в ближайшие 2 года.
Читать статью
Читать статью
👍3
В этой статье мы познакомимся с методами event.preventDefault() и event.stopPropagation(). С их помощью мы будем отменять некоторые дефолтные действия браузера.
Читать статью
Читать статью
👍2
Разобрали пример реализации на чистом CSS и JavaScript кастомного селекта, очень похожего на стандартный HTML-тег select.
Читать статью
Читать статью
👍4
Голосовые данные встраиваются в онлайн-приложения с помощью Web Speech API. Давайте создадим простую веб-страницу, реализующую преобразование текста в речь.
Читать статью
Читать статью
👍5