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

Stripe Like CSS Only Menu

Выпадающее меню, выполненное на чистом CSS, без использования JavaScript

https://codepen.io/smpnjn/pen/VwKXdmy

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

Recreating "Minimal keyboard" by Dibyajyoti Mishra

Виртуальная клавиатура, выполненная с помощью Pug, SCSS и JavaScript. Клавиатура реагирует на нажатие клавиш

https://codepen.io/Alca/pen/vYeyOwd

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

Kodama Generator

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

https://codepen.io/pavlovsk/pen/rNYwKeo

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

"slide-in-from=" attribute

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

https://codepen.io/MarkBoots/pen/BaJqKyY

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

Claymorphic SVG button

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

https://codepen.io/chrisgannon/pen/rNGqLmK

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

Neumorphic Fitbit UI

Интерфейс приложения, выполненный на чистом CSS и SVG, без использования JavaScript

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

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

Animated BottomBar Experiment (CSS Transitions only)

Набор анимированных tabbar'ов, выполненный с помощью SCSS и JavaScript

https://codepen.io/chrisbautista/pen/NWXjqLN

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

Text Alignment

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

https://codepen.io/z-/pen/XWZgZxx

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

Infinite scrollable and draggable (WebGL)grid

Бесконечная сетка с возможностью прокрутки, выполненная с помощью SCSS и JavaScript

https://codepen.io/ReGGae/pen/eYGyLrP

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

3D Scrolling Gallery/Timeline

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

https://codepen.io/creativeocean/pen/gOvYEgq

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

Three JS - Projects particle menu

Фигура реагирующая на действия в меню, выполненная с помощью SCSS и библиотеки Three.js

https://codepen.io/daniel-hult/pen/OJWzzvO

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

Before/After Image Slider

Слайдер "До/После", выполненный с помощью SVG, CSS и JavaScript

https://codepen.io/Coding-in-Public/pen/NWyjZwO

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

Simple Animated Gradient Buttons

Переливающиеся кнопки, выполненные с помощью Slim и Less, без использования JavaScript

https://codepen.io/tommiehansen/pen/poaexXG

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

SCSS Washing machine

Стиральная машинка на HTML и SCSS.

https://codepen.io/Arkellys/pen/YoYNve

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

Neumorphism Login Form

Анимированная форма входа и регистрации, выполненная с помощью Pug, SCSS и JavaScript

https://codepen.io/ricardoolivaalonso/pen/YzyaRPN

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