Набор эффектов наведения с помощью CSS3.

Есть возможность применить к ссылкам, кнопкам, логотипам, SVG, изображениям и т.д.

Легко применить к своим собственным элементам, изменить или просто использовать для вдохновения.

Доступно в CSS, Sass и LESS

#html #css

Magnific Popup

Этот плагин позволяет открывать маленькие изображения на весь экран в специальном модальном окне.

#css #JavaScript

CSS препроцессоры и БЭМ

Сайт расскажет зачем нужен БЭМ, а главное как правильно его применять. Какие есть препроцессоры и как с ними работать

Один БЭМ-блок = один препроцессорный файл.

#html #css

Visual Studio Code

Бесплатный, мощный, очень популярный, с кучей дополнений, да что там говорить, сам Фейсбук выбрал его в качестве основного редактора!

Если хочешь узнать про полезные расширения, жми хочу

#редактор_кода

Pexels

Здесь каждый пользователь может не только найти неповторимое фото или видео, но и стать тем, кто откроет возможности для творчества.

Этот сайт будет полезен:
- дизайнерам
- писателям
- художникам
- программистам
- и другим представителям творческих профессий

#фотохостинги

Animista

Библиотека CSS-анимации. На данный момент — самый функциональный и интересный GUI-инструмент. Можно попробовать хотя бы ради интереса.

#css #анимация

Beautiful CSS box-shadow examples

Сайт с готовыми решениями реализации тени в блоках.

Что бы скопировать свойство просто кликни по понравившемуся блоку с тенью. Осталось только вставить код 😉

#html #css

PostCSS

Этот плагин может привязывать ваш CSS, поддерживать переменные и миксины, переносить будущий CSS синтаксис, встроенные изображения и многое другое.

PostCSS используется лидерами отрасли, включая Wikipedia, Twitter, Alibaba и JetBrains.

Плагин Autoprefixer PostCSS является одним из самых популярных CSS-процессоров.

#инструменты

Ultimate CSS Gradient Generator

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

#css

Chart.js

Это универсальная библиотека, которая позволяет создавать диаграммы JavaScript за пару минут. Она имеет много опций, с помощью которых вы можете настроить все аспекты ваших графиков.

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

#JavaScript

Animated Tab Bar

Панель вкладок, которая сделает ваш сайт оригинальным

#html #css

Resizing App

Этот онлайн-сервис вам подойдёт, если вашему изображению нужно:
- изменить размер
- конвертировать
- оптимизировать
- придать идеальный размер и конфигурацию, подходящую для широкого спектра сервисов и приложений.

#инструменты