CodePen Community

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

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

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

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

https://codepen.io/tiffachoo/pen/wvyXRzL

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

Боковое меню со светлой и тёмной темами оформления, реализованное с помощью SCSS и библиотеки React.js

https://codepen.io/aybukeceylan/pen/wvpBmrq

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

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

https://codepen.io/thebabydino/pen/NWxBzRv

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

Куб с зеркальными гранями, выполненный с помощью Pug, Sass и библиотеки Three.js

https://codepen.io/vcomics/pen/JjpgBwY

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

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

https://codepen.io/Saramazal/pen/LYyywNb

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

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

https://codepen.io/Saramazal/pen/LYyywNb

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

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

https://codepen.io/mdusmanansari/pen/GRxKNKP

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

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

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

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

Для первого сезона профильной IT-конференции Podlodka React Crew сложно придумать более нужную тему, чем «архитектура».

Уже 27 мая опытные эксперты научат React-разработчиков:
💜 Решать архитектурные вопросы в разрезе React. В формате круглого стола Сергей Сова, Максим Вишневский и Сергей Самохов обсудят, как строить архитектуру, организовывать компоненты и данные, использовать рендер-движок, задействовать реактивность и учитывать особенности
💜 Применять архитектурный линтер для Feature-Sliced Design. Антон Медведев и Лев Челядинов из FSD core team представят новый линтер и в режиме лайвкодинга покажут, как его применять.
💜 Менять жизненный цикл проектов на React, проектировать гибкое приложение и править негибкое. Редактор «Доки» Полина Гуртовая расскажет, когда мигрировать проект и нужно ли это делать, если он ещё не устарел.
💜 Выбирать стейтменеджер. Валерий Смирнов из Oone.World покажет, когда и какие популярные библиотеки использовать для управления стейтом.
🎁 Бонусы: публичное собеседование по архитектуре и открытый микрофон.

Билеты уже ждут вас на сайте

Реклама. ИП Толстая Елена Петровна ИНН:507503278104

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

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

Темы оформления с возможностью переключения, выполненные с помощью PostCSS и JavaScript

https://codepen.io/argyleink/pen/vYxrrpd

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

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

https://codepen.io/davidkpiano/pen/gOoNZNe

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

Frontend meetup

1. Хоп, хлоп, и MVP готов — Дмитрий Карловский, HyOO
Нарисуем полноценный фронтенд без чат-ботов. Поднимем базу данных без сервера. Задеплоим всё на статический сервер без боли. И будем наслаждаться результатом без тормозов.

2. Причины деградации перформанса фронтенда — Денис Басковский, МТС Диджитал
Почему скорость железа не успевает за веб-приложениями. Причины большого количества JS-кода на сайте. SPA по 20мб уже действительность. Инструменты куда мы смотрим чтобы найти про лесы большого размера сайта. Графики скорости и восприятие клиентов. Почему скорость браузерной страницы лагает на 4090ti, а Cyberpunk идет на максималках.

3. Serverless - уже можно? — Андрей Лаврентьев, NDA
Опыт запуска проекта на cloudflare pages и трудности, с которыми пришлось столкнуться на каждом шаге.

Модератор Григорий Петров, Devrel, Evrone
Эксперт Глеб Михеев, Руководитель ПК, FrontendConf

➖➖➖

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

🌐 ОНЛАЙН

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

Неоновый курсор, выполненный с помощью CSS и библиотеки Three.js

https://codepen.io/soju22/pen/wvyBorP

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

Pure CSS Hamburger fold-out menu

Раскладывающееся меню Гамбургер. Написано на чистом CSS.

https://codepen.io/erikterwan/pen/EVzeRP

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

Iconic Tab Bar

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

https://codepen.io/josetxu/pen/YzYgKLP

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

Range Slider Progress in Chrome with pure CSS 🌟

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

https://codepen.io/ShadowShahriar/pen/zYPPYrQ

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

Перед вами — книга-метод, книга-наставник, способная перевернуть мышление и помочь выработать осознанный подход к работе и жизни в целом путём высокоуровневого планирования.

В своей второй книге IT-архитектор, методолог, педагог Александр Бындю раскрывает наиболее эффективный на сегодняшний день метод стратегического планирования, получивший название «Карта гипотез». Карта учит, как достигать намеченной цели через гипотезы, и служит навигатором на этом пути. В основу книги легли годы практики, и с уверенностью можно сказать, что Карта гипотез позволяет создать стратегию достижения для самых амбициозных целей.

У Карты гипотез нет ограничений по области применения или роли пользователя — она будет полезна в самых разных ситуациях, от личного планирования до планирования работы огромной компании. Автор надеется, что его метод, которому посвящена эта книга, послужит вашему благополучию во всех сферах жизни.

Ознакомиться с книгой