Stick Hero with Canvas

Игра с использованием CSS, JavaScript и Canvas

#codepen #css #js

Подпишись👉 @codepen_1

Tilting Maze game - игра "Лабиринт", сделанная с использованием CSS и JavaScript. Поведение шариков смоделировано с использованием законов тригонометрии.

#codepen #css #js

Подпишись👉 @codepen_1

Quotes animation made by particles - Анимированный фон, реализованный с помощью CSS и библиотеки Three. js

#codepen #css #js

Подпишись👉 @codepen_1

Smoke Ring > Speedometer - спидометр сделанный с использованием Canvas, SVG и библиотеки GSAP.js

#codepen #css #js

Подпишись👉 @codepen_1

Есть пара новостей про развитие ИТ на государственном уровне.

Во-первых, запустился проект «Цифровая Россия». Его задача поддерживать отечественные разработки ПО и ИТ-сервисов, а также формировать ИТ-сообщество во всех регионах страны. Федеральным координатором проекта назначен Антон Немкин.

Уже есть телеграм-канал «Цифровой профсоюз», где будут публиковать все новости проекта, законодательные инициативы в сфере ИТ, информационные справки и сведения о мерах поддержки отрасли. Подписывайтесь сейчас!

Во-вторых, сейчас идет отбор региональных координаторов проекта. Все желающие могут предложить свою кандидатуру и поучаствовать в открытом конкурсе на должность координатора "Цифровой России" в своём регионе.

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

#ЦифроваяРоссия #ЦифровойПрофсоюз #АнтонНемкин #ЕР

Responsive <!-- No Div --> car - Анимированная сцена, сделанная без использования div, на чистом CSS

#codepen #css

Подпишись👉 @codepen_1

Letterize.js + Anime.js example #2 - Текст, анимированный с помощью библиотеки Anime.js

#codepen #css #js

Подпишись👉 @codepen_1

Interactive Skate Loading - Интерактивная моделька скейтбордиста сделана при помощи SCSS, а управление реализовано с помощью JavaScript

#codepen #scss #js

Подпишись👉 @codepen_1

Realistic Red Switch (Pure CSS) - Реалистичный переключатель, сделанный с помощью Pug и SCSS

#codepen #scss

Подпишись👉 @codepen_1

Function Smoothing - Сфера, сделанная с помощью CSS и библиотеки Three.js

#codepen #css #js

Подпишись👉 @codepen_1

Clip Clop Clippity Clop [CSS Only] - Лошадь с эффектом замедления при клике. Анимация выполнена при помощи SCSS

#codepen #scss

Подпишись👉 @codepen_1

Moving on a Penrose Triangle - Анимированный треугольник Пенроуза, сделанный с помощью SCSS

#codepen #scss

Подпишись👉 @codepen_1

Vanilla JS Snake - Игра "Змейка", сделанная при помощи Canvas и библиотеки Vanila.js

Управление осуществляется при помощи стрелочек на клавиатуре.

#codepen #css #js

Подпишись👉 @codepen_1

Horizontal Scroll Gallery (Locomotive Scroll) - Интерактивная галерея c горизонтальной прокруткой, выполненная при помощи Less и библиотеки Babel.js

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

#codepen #css #js

Подпишись👉 @codepen_1

CSS Skateboard🛹 - Анимированная сцена, выполненная при помощи Pug и SCSS, без использования картинок.

#codepen #scss

Подпишись👉 @codepen_1

Emerging Tooltip - Всплывающая подсказка, выполненная с помощью CSS и SVG, без использования JavaScript.

#codepen #css

Подпишись👉 @codepen_1

Tabbar - Анимированный tabbar, сделанный с помощью SCSS, SVG и JavaScript.

#codepen #scss #js

Подпишись👉 @codepen_1

TURN ON THE SYNTHWAVE - Переключатель темы, реализованный при помощи JavaScript и CSS

#codepen #css #js

Подпишись👉 @codepen_1

A clock made of clocks - Часы из маленьких часов, выполненные при помощи Pug, Sass и JavaScript

#codepen #scss #js

Подпишись👉 @codepen_1

TroisJS Starfield - Интерактивный фон, сделанный с помощью CSS и библиотеки TroisJS

При наведении на кнопку анимация ускоряется, а при нажатии меняется цвет.

#codepen #scss #js

Подпишись👉 @codepen_1