[Перевод] Анимация текстовых переходов
Идея этой демонстрации пришла из игры Session Skate. В начальных титрах «SESSION» каждая буква быстро исчезает. Это выглядело довольно круто, и я сразу понял, что могу сделать это с помощью
читать далее
Редко используемые свойства CSS
Всем привет, меня зовут Кирилл, я frontend разработчик компании Usetech. CSS постоянно развивается, и некоторые полезные свойства остаются незамеченными. Возможно о них говорят не так много, как о
читать далее
[Перевод] Создаём веб-сайт, как будто сейчас 1999 год
Раньше веб был более странным местом В прошлом году я поставила перед собой цель вернуть дух старого веба, креативность и шарм конца 90-х и начала 2000-х. В те времена не было правил, ты ставил на
читать далее
Эмулируем React useState в обычном JS (via data-attributes & css selectors)
Добрый день хабр! Решил поделиться своим небольшим, но полезным открытием в плане использования html data-attributes & css selectors. Html data-attributes - это кастомные атрибуты, которые вы можете
читать далее
Почему вы должны использовать Styled Components
Привет Хабр! Недавно мне попался на рефакторинг один сайт написанный одним студентом. Он был реализован не лучшим образом и уже давно следовало бы его исправить. И вот наконец у меня выдалось
читать далее
Пошаговая инструкция: как с Node.js организовать иконки из Figma в проекте
Эта статья подробно описывает создание небольшого скрипта на Node.js для выгрузки векторных иконок из Figma в проект, а также универсального компонента для разных видов иконок, который удобно
читать далее
[Перевод] Геометрия объектной модели документа: исчерпывающее руководство
Я не считаю, что DHTML — cool, просто картинка хорошая) Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи. Знаете ли вы, что кроме интерфейсов, определенных спецификациями
читать далее
[Перевод] HTML & CSS Features, Tips For a 10x Faster Page Loading Speed — DEV Community
В этой статье мы будем рассматривать ускорение работы страницы только с помощью файлов HTML и CSS Читать далее
читать далее
Чёрная магия трансформов, или об оптимизации анимаций на CSS
Иногда Frontend-разработчики сталкиваются с тем, что для оптимизации производительности нужно написать волшебное свойство translateZ(0) или will-change. Анимации перестанут зависать, ничего не будет
читать далее
Резиновый десктопный адаптив: как сделать большие экраны одинаковыми
Зачастую, когда говорят об адаптиве, подразумевают сужение большого экрана до мобильного размера без потери функциональности. Однако, на самом деле, адаптив также существует между разными десктопными
читать далее
[Перевод] Как сделать динамические цвета в CSS
Когда говорим «динамический», подразумеваем JavaScript. Но некоторые динамические функции можно реализовать, используя только CSS. Например, цвета. Читать далее
читать далее
База знаний веб-разработчика: прокачиваем навыки владения CSS
Владея знаниями по вёрстке, можно достичь поставленных целей и перейти на следующую ступень профессионализма. В этой статье я расскажу, какие материалы мы с коллегами используем в своей работе:
читать далее