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

Advanced JavaScript

Автор: Zachary Shute
Год издания: 2019

#javascript #english

Tic-Tac-Toe

Игра "Крестики-нолики". Вы играете против компьютера. Игра реализована на чистом CSS.

#css

​Паттерны JS

Cборник задач по паттернам из курса FrontendMasters с ответами (ответы помечены как Solution)

#js #en

Navigation Button Animation

Анимированный tabbar, выполненный с помощью SVG, SCSS и библиотеки GSAP.js

#css #js

CSS conic-gradient blur

Использование фильтра фона и конического градиента для создания 4-цветного элемента с размытием для области градиента. Элемент реализован с помощью CSS и JavaScript.

#css #js

Learn Blockchain Programming with JavaScript

Автор: Eric Traub
Год издания: 2018

#javascript #english

Color Palette

Палитра с оттенками цветов. Логика переключения между оттенками создана в JS.

#css #js

​Обработка событий CSS-переходов в JavaScript

Давайте разберем, какие события возникают в DOM при CSS-переходах и как их можно использовать в JavaScript. Рассмотрим несколько примеров на эту тему.

#js #css #ru

CSS Blossoming Flowers at Magical Night

Анимированная сцена, выполненная с помощью SCSS и JavaScript.

#css #js

Hexagon-tiles

Эффект мозаики на изображении, реализованный с помощью Three.js.

#js