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

Хочешь легко прокачать свой скилл в HTML/CSS/JS? Знаешь теорию, но не хватает практики?   Подписывайся на Frontend Quiz Здесь ежедневно публикуются тесты разной сложности по HTML, CSS и JS Постоянная практика — путь к мастерству!

Modal Mitosis | CSS-Only Gooey Content Toggle  Анимация дополнительной информации к карточке, появляется при нажатии. Реализована с помощью CSS. #анимация #css 👉@frontend_trends

Макеты для верстки — это канал, где собраны тысячи реальных макетов веб-сайтов в Figma. Здесь ты сможешь прокачать свою насмотренность, посмотреть как другие веб-дизайнеры создают свои макеты, вдохновиться и расширить своё портфолио.

Simple spinner as background SVG image datauri with style Анимация загрузки. Реализована с помощью CSS. #анимация #css 👉 @frontend_trends

Animated CSS Gradient Border Анимированная граница градиента CSS. Написана на чистом CSS. #анимация #css #js 👉@frontend_trends

Simple CSS text animation Простая текстовая анимация CSS. Написана на чистом CSS. #анимация #текст #css #js 👉@frontend_trends

Decryption Effect with Pseudo Elements Эффект расшифровки с псевдоэлементами. Реализован с помощью CSS и JavaScript. #анимация #css #js 👉@frontend_trends

Infinity Preloader Анимация бесконечной загрузки. Написана на чистом CSS. #анимация #css 👉@frontend_trends

Dot Loader - CSS Анимация загрузки. Написана на чистом CSS. #анимация #карточка #css 👉@frontend_trends

3D Waving Effect Анимированный эффект движения текста. Написан на чистом CSS. #анимация #css 👉@frontend_trends

Stay Positive Анимация изменения шрифта при нажатии. Написана на чистом CSS. #анимация #css 👉@frontend_trends

Are you feeling down? Анимация появления карточек. Реализована с помощью JavaScript и CSS. #анимация #css #карточка 👉@frontend_trends

Six circles - bees & bombs Анимация заднего фона. Реализована с помощью JavaScript и CSS. #анимация #css #js 👉@frontend_trends

Material sheet isometric animation Изометрическая анимация листа. Написана на чистом CSS. #анимация #css 👉@frontend_trends

7 дней бесплатного обучения UX/UI-дизайну! Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью, куратором, где ты: - Добавишь в портфолио 5 дизайн-проектов; - Освоишь на базовом уровне Figma; - Узнаешь, как создавать трендовый дизайн; - Разберешься с UX и UI дизайном и интерфейсами; - Научишься создавать адаптивный дизайн. 👉 Забрать бесплатно 7 дней обучения UX/UI-дизайну Бонусом мы вышлем тебе в подарок чек-лист «45 мест для поиска работы», где собраны все ресурсы, на которых UX/UI-дизайнеры находят работу в веб-студиях и IT-компаниях. Стартуем 6 декабря.

Letter Animation Анимация букв при нажатии. Реализована с помощью JavaScript и CSS. #анимация #css #js 👉@frontend_trends

CSS 3D Bending Effect - Page Flip Анимация переворота страницы, реализована с помощью css и js. #анимация #css #js 👉 @frontend_trends

Show & Tell @ Develop Denver 2016 Анимация почти невидимого шрифта. Написана на чистом CSS. #анимация #css 👉 @frontend_trends

Дизайнеры на связи?  Нашли для вас прикольный канал «ТЫЖДИЗАЙНЕР». Здесь собирают полезные сервисы для твоего творчества. 🔹Мокапы в высоком разрешении 🔹Генераторы градиентов, шрифтов, фигур 🔹Подборки работ для вдохновения 🔹Малоизвестные бесплатные фотобанки Заходи, пригодится 🔥

So Much to Print  Оригинальная анимация газетного станка. Написана на чистом CSS. #анимация #css 👉 @frontend_trends