Turbulent Buttons

Анимированные кнопки, выполненные с помощью SVG, SCSS и JavaScript

https://codepen.io/cobra_winfrey/pen/popvOBJ

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

Кнопка с удивительным эффектом наведения на чистом CSS

https://codepen.io/atechajay/pen/WNZpLMQ

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

Jello Tab Bar (Animated)

Анимированный tabbar, выполненный с помощью SVG, CSS и JavaScript

https://codepen.io/flavio_amaral/pen/xxgYGrR

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

Generative Grid

Генератор сетки из узоров, выполненный с помощью SCSS, SVG и JavaScript

https://codepen.io/a-trost/pen/rNGPxaJ

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

CSS Dots wave

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

https://codepen.io/amit_sheen/pen/vYpZBwP

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

Minimalist Thermostat

Регулировка температуры, выполненная с помощью SVG, CSS и библиотеки GSAP.js

https://codepen.io/jkantner/pen/rNpbMjO

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

🚨LAST CAAAAALL🚨
PROFBUH HACKATHON | JUNE

Закрываем регистрацию на хакатон 19 июня в 23:59⚡️

Кейс:
🔸Автоматическое создание текстовых публикаций на основе записанного видео.

Даты хакатона:
23 – 25 июня 2023 года
Регистрация - https://clck.ru/34WoHs

🔸2 дня в онлайн-формате
🔸встречи с экспертами, мастер-классы и питчи
🔸крутой командный проект и интересный кейс в резюме
🔸призовой фонд – 300.000₽🔥

Регистрируйся, решай кейс и выигрывай денежные призы и крутой мерч!🏆

Ждём всех!

#хакатон #lastcall

Circular Corner Borders 3D Hover Image (CSS Only)

Эффект при наведении на карточку, выполненный на чистом CSS, без использования JavaScript

https://codepen.io/TheMOZZARELLA/pen/OJOOVVJ

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

Checkbox Animations With Indeterminate State

Анимированный checkbox, выполненный с помощью SVG, CSS и JavaScript

https://codepen.io/jkantner/pen/BaJmyjo

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

Pure CSS Mario 64 - 3D - No JavaScript!

Mario следящий за положением курсора, выполненный с помощью SCSS, без использования JavaScript

https://codepen.io/ivorjetski/pen/abEBjKN

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

Hex/RGB Auto Color Converter in Vue

Конвертор цветов из HEX в RGB, выполненный с помощью SCSS и библиотеки Vue.js

https://codepen.io/collinsworth/pen/WNXxQVP

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

CSS Card Hover Effects

Анимация при наведении на карточки, выполненная на чистом CSS, без использования JavaScript

https://codepen.io/Jhonierpc/pen/MWgBJpy

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

Little Gallery

Интерактивная галерея, выполненная с помощью CSS и JavaScript

https://codepen.io/yoann-b/pen/abEjWgq

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

Magic area on hover/focus

Эффект при наведении на элемент, выполненный с помощью SCSS и библиотеки GSAP.js

https://codepen.io/iamryanyu/pen/zYZGKqy

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

3D Gallery

Смена карточек с 3D-эффектом, выполненная с помощью SCSS и JavaScript

https://codepen.io/jsulpis/pen/GRMwBGR

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

AI Art Generator

Генератор фото, выполненный с помощью SVG, CSS и JavaScript. Автор использовал нейронную сеть для "смешения" фото

https://codepen.io/Coderesting/pen/YzrOOzp

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

Frontend meetup (Online)

1. Построение микрофронтендной архитектуры. Первый взгляд, боли и решения —Никита Морозов, АО "МТТ"
В докладе будет представлен путь построения микрофронтендной архитектуры на примере проекта МТС «Exolve», а также поэтапный рассказ об эволюции проекта от webpack до vite, от SingleSPA до собственного решения

2. Бьем монолит. Основные практики — Гузенко Александр IT_ONE
Рассмотрим основные подходы к разбиению монолитных фронтедов.

3. Безопасный TypeScript. Защищаемся от any в кодовой базе —Максим Земсков, Яндекс
Как получить максимум безопастности при использования TypeScript. Какие настройки стоит использовать и как улучшить типизацию стандартных функций.

4. Beyond Frontend — Алексей Тюльдюков, VK
Как T-shape подход может помочь фронтенд разработчику стать техническим менеджером

🗓 12 июля, начало в 19:00 мск, Среда

🚀 Телеграмм канал с анонсами митапов

✅ Регистрация на мероприятие

Light/Dark Toggle With Morphing Icon

Переключатель темы оформления, выполненный на чистом CSS, без использования JavaScript

https://codepen.io/jkantner/pen/eYygqJm

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

Menu Grid with Fixed Background

Сетка с анимированными блоками, выполненная с помощью SCSS и JavaScript

https://codepen.io/noahraskin/pen/JjrydbL

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

Another Datepicker

Datepicker стилизованный под карту солнечной системы, выполненный с помощью SVG, SCSS и библиотеки GSAP.js

https://codepen.io/aaroniker/pen/MWQjxro

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

Sassy Search Bar 💁

Строка поиска с подсказками, выполненная с помощью SCSS и TypeScript

https://codepen.io/Hyperplexed/pen/xxXJbqq

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