DevGang
Авторизоваться

Веб-анимация с помощью HTML, CSS и JavaScript

Использование JSX без React

Я лично большой поклонник JSX и мне нравится то, как он позволяет мне разделять и компоновать мой код. Несмотря на то, что JSX существовал до React, он не был бы настолько популярен, если бы React не поднял его. Однако на самом деле мы можем использовать JSX без React, и это тоже не сложно.

Использование CSS-масок для создания зубчатых краев

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

Выглядит остро... во многих отношениях
Выглядит остро... во многих отношениях

Как использовать MoJS с React

Создание красивых анимаций - одна из самых сложных задач для разработчика Frontend. Решением этой проблемы является использование некоторой супер простой в использовании библиотеки, такой как MoJS. В этой статье мы узнаем, как использовать MoJS с React для создания супер классных анимаций.

Переключатель цветовой темы 

В прошлом году боги дизайна решили, что темные моды станут новым трендом. «Светлые цвета для лохов», - смеялись они, попивая мятный чай на своих электро-велосипедах или что-то в этом роде.

И поэтому каждая операционная система, приложение и даже некоторые веб-сайты внезапно должны были работать в темном режиме. К счастью, это совпало с широкой поддержкой пользовательских свойств CSS и введением нового медиазапроса prefers-color-scheme.

Использование CSS для установки текста внутри круга 

Вы хотите установить текст внутри формы круга с помощью HTML и CSS? Это безумный разговор, верно?

На самом деле, нет! Благодаря shape-outside и некоторым хитростям CSS можно сделать именно это. 

Указание позиции прокрутки на странице с помощью CSS 

Основанные на прокрутке функции, как правило, включают в себя некоторую смесь CSS и JavaScript. Это потому, что для этого просто не так много встроенных функций. Но что, если бы мы могли сделать что-то, что использует только CSS? 

4 способа анимировать цвет текстовой ссылки при наведении 

Давайте создадим чистый CSS-эффект, который меняет цвет текстовой ссылки при наведении… но вставьте этот новый цвет вместо простой замены цветов.

Как автоматически адаптировать фавиконку к тёмной теме с помощью SVG и медиавыражения prefers-color-scheme

В этой статье вы узнаете, как использовать SVG в качестве фавикона для вашего веб-сайта, учитывая обнаружение темных и светлых тем в браузере с помощью медиавыражения prefers-color-scheme.

Противоречивый пользовательский опыт с нативной ленивой загрузкой картинок

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

Присоединяйся в тусовку

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

Попробовать

В этом месте могла бы быть ваша реклама

Разместить рекламу