Берлога программиста | Веб и не только

Soft buttons Кнопки в стиле неоморфизма, реализованные на чистом CSS. #кнопка #css 👉 @frontend_trends

Pop-Out Sections Всплывающие модальные окна, реализованные с помощью Motion.js. #модальныеокна #motionjs 👉 @frontend_trends

Logo Animation Анимация логотипа, реализованная с помощью CSS и JavaScript. #анимация #css #javascript 👉 @frontend_trends

Sparkly skull Объемный череп, реализованный с помощью Three.js. #3D #threejs 👉 @frontend_trends

Text Styles: Book Text Адаптивная страница с текстом в книжном стиле, реализованная на чистом CSS. #текст #css 👉 @frontend_trends

3D Packaging Toggle Переключатель 3D-упаковки с выбором размера упаковки, реализованный на чистом CSS. #анимация #3D #css 👉 @frontend_trends

One div hover animation Стильная градиентная анимация при наведении на div, реализованная на чистом CSS. #анимация #css 👉 @frontend_trends

404 error page Адаптивная страница ошибки 404 с анимацией, реализованная с помощью Anime.js. #анимация #animejs 👉 @frontend_trends

Morphing Submit Button Кнопка с анимацией загрузки отправки, реализованная с помощью CSS и JavaScript. #кнопка #анимация #css #javascript 👉 @frontend_trends

Hex animation Шестнадцатеричная анимация, реализованная с помощью TweenMax.js. #анимация #TweenMax 👉 @frontend_trends

Rainbow Color Text Циклическая анимация радужного текста, реализованная с помощью CSS и JavaScript. #анимация #текст #цвет #css #javascript 👉 @frontend_trends

Rick Roll Knockout Text Воспроизведение видео сквозь буквы текста, реализованное на чистом CSS. #анимация #текст #css 👉 @frontend_trends

Game for my kids (guitar-hero) Игра на гитаре для детей. Каждая нота соответствует цифре на клавиатуре. Нажимайте кнопки 1-8, когда каждая нота в виде цветного шара проходит внутри прямоугольника. Игра реализована с помощью GSAP и Zepto.js. #игра #gsap #zeptojs 👉 @frontend_trends

Multi-line spanning animated underline Многострочная анимация подчеркивания текста, реализованная на чистом CSS. #анимация #текст #css 👉 @frontend_trends

CSS Rolling Text Анимация прокручивающегося текста, реализованная на чистом CSS. #анимация #текст #css 👉 @frontend_trends

Expanding flex cards Реализация "гибких" карточек с помощью CSS и jQuery. #карточки #css #jquery 👉 @frontend_trends

Cinematic text animation Анимация текста, реализованная на чистом CSS. Для создания размытия текста использовано CSS-свойство text-shadow. #анимация #текст #css 👉 @frontend_trends

No words Анимация закручивания букв, реализованная на чистом CSS. #анимация #текст #css 👉 @frontend_trends

Свершилось! Программа подготовки по профессии «Фронтенд-разработчик» на Хекслете с аппетитным новогодним бонусом! ✔️Глубокий интенсивный курс на 8 месяцев: JavaScript, HTML и CSS, фреймворки React+Redux Toolkit, инфраструктура – командная строка, NPM, Git, Webpack. ✔️Онлайн-тренажер с моментальной автопроверкой. ✔️Помощь наставника. ✔️4 сильных проекта на GitHub и практика в Open Source. ✔️Учеба в комфортном темпе и мягкие дедлайны. ➕ Бонус после окончания программы! 20 000 рублей на продолжение обучения на Хекслете или 6 месяцев доступа к 135+ курсам для самостоятельного изучения. Загляните в наш новогодний IT-маркет, чтобы оценить все профессии на Хекслете, выбрать свою на выгодных условиях и забрать полезные подарки!

Landing Page — Tailwind CSS Адаптивный одностраничный сайт, реализованный с помощью CSS-библиотеки Tailwind CSS. #tailwindcss 👉 @frontend_trends