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

Apple TV - Word Rotation Анимация чередования слов, реализованная с помощью CSS и JavaScript. #анимация #текст #css #javascript 👉 @frontend_trends

Привет! Давай знакомиться - этого разработчика с картинки зовут Иосиф.)  Он помогает мне писать статьи и делать контент, пока сам я пилю видосы и придумываю задачи и тесты!  Хочешь видеть его и полезный материал по фронту - подписывайся на @developer_house_jun_front P.S. А еще мы разыгрываем недорогие подарки для подписчиков.)

Futurissimo Разноцветная мозаика, меняющая расцветку при клике. Реализована с помощью Snap.svg.js. #цвет #snapsvgjs 👉 @frontend_trends

Aliens text animation Анимация текста, реализованная на чистом CSS. #анимация #текст #css 👉 @frontend_trends

90% - SVG Animation Анимация загрузки в процентах, реализованная с помощью SVG, CSS и JavaScript. #анимация #svg #css #javascript 👉 @frontend_trends

Scrolling shadow Тень внутри прокручиваемой области, реализованная на чистом CSS. #тень #css 👉 @frontend_trends

Программа подготовки по профессии «Фронтенд-разработчик» с сертификатом Хекслета и гарантированными собеседованиями.  ➕Полноценный курс по JavaScript и React с настройкой окружения. ➕Тренажер кода с моментальной автопроверкой. ➕Наставник. ➕Сильные проекты на GitHub и практика в Open Source. Попробуйте наш формат асинхронного обучения, без ожидания потока.

SplitText: Character Animation with staggers Анимация плавного появления текста, реализованная с помощью GSAP. #анимация #текст #gsap 👉 @frontend_trends

Классная возможность провести новогодние каникулы с пользой — 1-7 января HTML Academy открывает бесплатный доступ к тренажёрам по HTML, CSS, JavaScript и PHP. + подарки от партнеров + скидки на обучение + шанс выиграть курс «HTML и CSS. Профессиональная вёрстка сайтов» Записаться можно здесь —  https://tml.io/0p11l

Single div CSS film clapper Анимация хлопушки-нумератора, реализованная на чистом CSS с применением одного тега div. #анимация #css 👉 @frontend_trends

Color Scheme Starter Цветовая схема для проекта с возможностью переключения тем. Реализована с помощью CSS и JavaScript. #цвет #css #javascript 👉 @frontend_trends

Фронтенд? Объясню всё на канале «Будни разработчика»! Избранные статьи, инструменты и личный опыт автора. Не пропусти!

Reduced-motion toggle Переключатель включения и выключения анимации движения элементов на странице. Реализован с помощью CSS и JavaScript. #переключатель #анимация #css #javascript 👉 @frontend_trends

Ребят, советую просто и от души. Есть канал @iteventsru, где каждую неделю публикуется огромная подборка с самыми яркими IT-мероприятиями: • по всей России и онлайн • бесплатные и с промокодами на скидки 😏 • для всех IT-направлений (бэк/фронт, тестировщики, мобайл/гейм дев и др.) • силами одной хрупкой девушки-фронтендера  • и самое главное — с любовью ✨ При этом без непонятного информационного мусора, глупой рекламы и спама. Очень советую, как раз недавно благодаря нему записался на пару очень многообещающих митапов онлайн. Суперлайк! P.S.: прямо сейчас смотри в @iteventsru мероприятия на текущую неделю

Download progress animation Анимация прогресса скачивания при клике на кнопку, реализованная с помощью GSAP. #кнопка #анимация #gsap 👉 @frontend_trends

This Toggle Switch is Dangerous Переключатель в виде бензопилы с анимацией брызг крови, реализованный с помощью CSS и JavaScript. #переключатель #анимация #css #javascript 👉 @frontend_trends

Rotating text Анимация вращающейся замены текста, реализованная с помощью CSS и JavaScript. #анимация #текст #css #javascript 👉 @frontend_trends

Breathing hexagon Анимация закругления шестиугольников, реализованная на чистом CSS. #анимация #css 👉 @frontend_trends

Stack game Игра "Stack game", реализованная с помощью Cannon.js и Three.js. #игра #cannonjs #treejs 👉 @frontend_trends