​Продвинутые хуки в React: всё о UseEffect

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

#js #react #ru

Directionally Aware Controls

Эффект при наведении на кнопку с направленными элементами управления. Реализован на чистом CSS.

#css

Mastering Reactive JavaScript

Автор: Erich de Souza Oliveira
Год издания: 2017

#javascript #english

Metrognome

Гном-метроном, выполненный с помощью CSS и библиотеки GSAP.js.

#css #js

​Бесконечная бегущая строка на HTML и CSS

Райан Мюллиган делится современным подходом к реализации аналога marquee.

#html #css #en

Planet Picker

Небольшое приложение на JS, в котором реализован просмотр информации о планетах солнечной системы.

#css #js

IoT Development for ESP32 and ESP8266 with JavaScript: A Practical Guide to XS and the Moddable SDK

Автор: Peter Hoddie, Lizzie Prader
Год издания: 2020

#javascript #english

Player/User Cards

Карточки игроков (пользователей) с просмотром дополнительной информации при наведении курсора мыши. Реализованы на чистом CSS.

#css

Blob study

Анимированная 3D-капля, выполненная с помощью CSS и JavaScript.

#css #js

The Joy of JavaScript

Автор: Luis Atencio
Год издания: 2021

#javascript #english

Google Loading

Анимированный загрузчик в стиле Google на HTML и SCSS.

#html #css

​Как уменьшить размер компонента React: 3 профессиональных приема

В процессе работы многие фрагменты кода увеличиваются настолько, что над ними легко потерять контроль. Речь идет о компонентах React. Обрастание компонента множеством функций, JSX и конфигураций становится одной из главных проблем для тех, кто начинает изучать React. Рассмотрим, как ее избежать.

#js #react #ru

Contrast

Один из вариантов реализации замены цвета текста в зависимости от цвета фона. Реализация на чистом CSS.

#css

Easy Learning Design Patterns Javascript

Автор: Yang Hu
Год издания: 2019

#javascript #english

3D Futuristic Room

3D-комната, выполненная с помощью Pug, SCSS и JavaScript.

#css #js

​Системный шрифт как проприетарные куки. Необычный метод пометки вашего устройства

Предположим, перед разработчиком поставлен вопрос: как со стороны веб-сайта определить, что у пользователя установлено конкретное приложение?

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

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

#ru

Product page

Верстка страницы товара на HTML и CSS. При переключении цвета товара задействуется CSS-анимация.

#html #css