CodePen Community

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-архитектор, методолог, педагог Александр Бындю раскрывает наиболее эффективный на сегодняшний день метод стратегического планирования, получивший название «Карта гипотез». Карта учит, как достигать намеченной цели через гипотезы, и служит навигатором на этом пути. В основу книги легли годы практики, и с уверенностью можно сказать, что Карта гипотез позволяет создать стратегию достижения для самых амбициозных целей. У Карты гипотез нет ограничений по области применения или роли пользователя — она будет полезна в самых разных ситуациях, от личного планирования до планирования работы огромной компании. Автор надеется, что его метод, которому посвящена эта книга, послужит вашему благополучию во всех сферах жизни. Ознакомиться с книгой

Интерактивный Stickman, выполненный с помощью SCSS, без использования JavaScript https://codepen.io/amit_sheen/pen/abLPdoQ #codepen #scss Подпишись👉 @codepen_1

🎲Tap / click to roll dice https://codepen.io/creativeocean/pen/oNEPggW Подпишись👉 @codepen_1

Sliding tabs | CSS transitions only Панель навигации по вкладкам, выполненная с помощью SCSS, без использования JavaScript https://codepen.io/havardob/pen/ExVaELV Подпишись👉 @codepen_1

Expanding Gallery View ( jus' flex it ) Интерактивная галерея, выполненная с помощью Pug и чистого CSS, без использования JavaScript https://codepen.io/jh3y/pen/QWQVOZV Подпишись👉 @codepen_1

3D glass weather icons Анимированные иконки погоды, выполненные с помощью SVG и SCSS, без использования JavaScript https://codepen.io/onediv/pen/MWQKgmv Подпишись👉 @codepen_1

3D Futuristic Room 3D-комната, реализованная с помощью Pug, SCSS и JavaScript. https://codepen.io/ricardoolivaalonso/pen/LYzwGyW Подпишись👉 @codepen_1

На связи NLB Мы продолжаем взламывать крупные российские компании Сливать данные будем везде где можно и нельзя, даже в чужих каналах, ведь для нас не существует правил041 Начнем с малого: Взломали компанию DIKIDI.ru Сливаем 100К клиентов из 40 миллионов Скачать: https://gofile.io/d/ZHO2lD https://file.io/ptyXO5ZOpIqE https://filetransfer.io/data-package/tuYpqDyL#link Пароль: NLB

The Turin Horse - Hadi Анимированная сцена, выполненная с помощью чистого CSS и SVG https://codepen.io/leimapapa/pen/GRQGzOZ Подпишись👉 @codepen_1

Shopping UI Каталог товаров и корзина, сделанные при помощи JS библиотеки - Vue.js https://codepen.io/mo-ro/pen/jObjGJm Подпишись👉 @codepen_1

Frontend online meetup - 11/10 ✔️ CSS in JS или самая противоречивая техника стилизации веба — Ильдар Муллахметов, Авито Тех В своем докладе я расскажу почему CSS in JS библиотеки вызывают так много противоречий среди frontend разработчиков. хочу рассмотреть влияние на производительность, поддерживаемость кода, девелопер экспириенс. Рассмотрю более подробно styled-components и сравню блоки кода со стилями между styled, tailwind, module. Рассмотрю как браузер обрабатывает styled. Продемонстрирую как влияет на семантику, работает с props и theme. Добавлю к сравнению Linaria и Astroturf, как самые быстрорастущие CSS in JS библиотеки. ✔️ Что такое Sentry и почему без него тяжело — Кирилл Логачев, Level.Travel Доклад нацелен на раскрытие такого полезного инструмента, как Sentry. Из данного доклада слушатель узнает, как правильно настраивать, использовать и мониторить Sentry, что поможет уменьшить количество ошибок в продакшене, также данный сервис поможет определять и быстро устранять просочившиеся с релизом ошибки. ✔️ По ту сторону WebView — Максим Лавренюк, UZUM TECHNOLOGIES Я бы хотел поделится некоторыми подходами и проблемами на примере встраивания сервиса доставки еды Uzum Tezkor в супер приложение Uzum Market. Я расскажу про то, что следует сделать в первую очередь при старте интеграции, как подружить нативные компоненты с вебом, как спрятать бесшовную авторизацию, а так же о чем попросить мобильных разработчиков, чтобы облегчить себе жизнь. ✔️ Web3 для фронтенд-разработчика — Назим Гафаров, Based.link Доклады вокруг web3 обычно концентрируются вокруг рассказа об языках программирования для смарт-контрактов, которые больше интересны бэкенд-разработчикам. В своем докладе я расскажу о том, какие возможности предоставляет web3 именно для фронтенд-разработчика. ➖➖➖ 🗓 11 октября в 19:00 ✅ Регистрация - участие бесплатно! 🌐 Наш телеграам канал с анонсами митапов!

Анимированная кнопка, выполненная с помощью CSS, SVG и JavaScript https://codepen.io/jkantner/pen/zYdaBPJ #codepen #css #js Подпишись👉 @codepen_1

Interactive Super Mario Super Mario, выполненный с помощью SCSS и JavaScript. Управление осуществляется с помощью клавиатуры https://codepen.io/merchedev/pen/BaYqyNx Подпишись👉 @codepen_1

⚡️Программа курса "JavaScript Developer Professional" в Otus помогает студентам достичь нового профессионального уровня в веб-разработке на JS, и вот почему: ✅После обучения вы сможете полноценно работать с современными JavaScript-фреймворками и библиотеками, а также понимать их основы. ✅Вам будут доступны популярные паттерны проектирования, такие как Event Loop, Flux, Immutable, Virtual DOM, Dependency Injection и Observables. ✅Вы научитесь грамотно подбирать инструменты для каждого проекта, а также тестировать его с помощью юнит-тестов на разных уровнях. ✅Кроме того, вы сможете создавать современные веб-приложения, используя последние технологии в этой области. Для поступления в группу курса по спеццене проверьте свои знания и пройдите тест 🔥Бонусы после прохождения теста: - бесплатный курс по GIT в записи - доступ к открытым урокам курса - скидка на обучение при поступлении в группу 👉ПРОЙТИ ТЕСТ Курс состоит из живых лекций, практических домашних заданий и выпускного проекта для портфолио. При покупке возможны разные способы оплаты и рассрочка платежа. Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

Menu micro-interaction with CSS Анимированное меню, выполненное с помощью SVG и SCSS, без использования JavaScript https://codepen.io/knyttneve/pen/rNJxwGR Подпишись👉 @codepen_1

Flipping Neon Анимированная сцена, выполненная на чистом CSS, без использования JavaScript https://codepen.io/danwilson/pen/abqGjVp Подпишись👉 @codepen_1

Progress of this year. Keep tracking Анимированный прогресс года, выполненный с помощью CSS и JavaScript https://codepen.io/fedot/pen/wvzmmbd Подпишись👉 @codepen_1