Channel Public Channel

CodePen Community

@codepen_1

Сообщество пользователей CodePen

Open in Telegram

Subscribers: 809
Photos: 26
Videos: 250
Links: 343

Showing posts older than #307 · Back to latest

Older Posts 20 shown

Post #306 612 Jul 24, 2023, 04:00 UTC

Neumorphism Login Form

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

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

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

👍 3

Post #305 576 Jul 23, 2023, 08:53 UTC

SCSS Washing machine

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

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

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

👍 2
🔥 2

Post #304 610 Jul 23, 2023, 04:00 UTC

Simple Animated Gradient Buttons

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

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

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

👍 3

Post #303 578 Jul 22, 2023, 04:00 UTC

Before/After Image Slider

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

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

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

👍 2

Post #302 548 Jul 21, 2023, 04:00 UTC

Three JS - Projects particle menu

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

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

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

👍 1

Post #301 609 Jul 20, 2023, 04:00 UTC

3D Scrolling Gallery/Timeline

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

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

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

👍 2

Post #300 622 Jul 19, 2023, 04:00 UTC

Infinite scrollable and draggable (WebGL)grid

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

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

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

👍 2

Post #299 588 Jul 18, 2023, 04:00 UTC

Text Alignment

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

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

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

👍 2

Post #298 684 Jul 17, 2023, 04:00 UTC

Animated BottomBar Experiment (CSS Transitions only)

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

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

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

👍 5
❤ 2

Post #297 573 Jul 16, 2023, 04:00 UTC

Neumorphic Fitbit UI

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

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

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

🔥 2

Post #296 566 Jul 15, 2023, 04:00 UTC

Claymorphic SVG button

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

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

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

Post #295 579 Jul 14, 2023, 04:00 UTC

"slide-in-from=" attribute

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

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

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

👍 2

Post #294 556 Jul 13, 2023, 04:00 UTC

Kodama Generator

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

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

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

😁 1

Post #293 572 Jul 12, 2023, 04:00 UTC

Recreating "Minimal keyboard" by Dibyajyoti Mishra

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

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

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

Post #292 598 Jul 11, 2023, 04:00 UTC

Stripe Like CSS Only Menu

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

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

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

🔥 1

Post #291 567 Jul 10, 2023, 04:00 UTC

Sassy Search Bar 💁

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

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

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

👍 5

Post #290 546 Jul 9, 2023, 04:00 UTC

Another Datepicker

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

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

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

👍 2

Post #289 548 Jul 8, 2023, 04:00 UTC

Menu Grid with Fixed Background

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

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

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

🔥 2
👍 1

Post #288 557 Jul 7, 2023, 04:00 UTC

Light/Dark Toggle With Morphing Icon

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

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

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

👍 1

Post #287 542 Jul 6, 2023, 08:00 UTC

Frontend meetup (Online)

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

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

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

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

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

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

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

Older posts →