WebGL carousel (OGL)

Карусель фотографий, реализованная с помощью SCSS и библиотеки Babel.js
#codepen #scss #js
Подпишись👉 @codepen_1

CSS Grid: Newspaper Layout

Страница стилизованная под газету, с помощью свойства Grid.
#codepen #scss
Подпишись👉 @codepen_1

#2 in 2021 / Welcome / CSS Stylus Pug

Текст анимированный, с помощью Pug и Stylus.
#codepen #css
Подпишись👉 @codepen_1

Generative UI - Orb Animation [pixi.js] + Frosty Elements ❄️

Анимированный фон с возможностью генерации цвета, реализованный с помощью библиотеки Pixi.js
#codepen #css #js
Подпишись👉 @codepen_1

Accordion gallery - интерактивная галерея, сделанная с помощью CSS и JS

#codepen #css #js

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

Airplanes - анимация при прокрутке, сделанная при помощи библиотеки Babel. js

#codepen #scss #js

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

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