🛠 Color Info - плагин, который предоставляет вам различную информацию о цветах, которые вы использовали в своем CSS. Наведя курсор на цвет, вы можете увидеть увеличенное изображение того, как он выглядит, а также информацию о его переводе во все форматы (hex, rgb, hsl и cmyk).

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Loaders - отличный ресурс, содержащий подборку хорошо разработанных загрузчиков только для CSS. Добавить их на свой веб-сайт или в приложение очень просто, и, вероятно, самое сложное при этом - выбрать загрузчик, который вам больше всего нравится (наш любимый - pacman).

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Grd - как следует из названия, предназначена для создания сеточных макетов. Библиотека создана на основе чистого CSS, использует свойства модели flexbox и предлагает только самые необходимые и полезные функции. Все эти факторы приводят к очень небольшому объему фреймворка - всего 512 байт при сжатии в Gzip.

🌍 Сайт

Daily Coding #инструменты #CSS

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

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Min - занимает всего 995 байт и является одним из самых компактных CSS-фреймворков в мире. В своем крошечном пакете Min содержит классическую сетку из 12 столбцов, большое количество компонентов и отличную поддержку браузера.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Balloon.css - библиотека, предназначенная только для CSS, позволяет разработчикам добавлять всплывающие подсказки при наведении курсора мыши на элементы страницы, не добавляя ни одной строки JavaScript. Добавляя атрибуты данных в HTML, вы можете указать отображаемый контент, направление всплывающего окна и другие параметры настройки.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Concise CSS - CSS-фреймворк, который предоставляет множество функций, оставаясь при этом легким благодаря модульной архитектуре. Ядро Consise содержит только базовые стили для собственных HTML-элементов, в то время как различные утилиты и компоненты могут быть включены в виде дополнений.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Bttn.css - библиотека CSS для создания красивых кнопок с необычной анимацией при наведении курсора мыши. На данный момент проект предлагает 13 различных дизайнов (возможно, в будущем их будет больше), все они доступны в четырех размерах, шести предопределенных цветовых схемах и вариантах блочных/встроенных блоков.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 SpinThatShit - микшины Sass для загрузки индикаторов с плавной анимацией только для CSS. Спиннеры чрезвычайно просты в реализации, поскольку для каждого спиннера требуется всего один HTML-элемент. Чтобы настроить сами микшины, вы можете просто изменить предоставленные переменные SCSS.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Wysiwyg.css - красивая тема для документов, созданных на основе HTML или Markdown. Она стилизует все элементы на странице, придавая им правильную типографику, цвета и отступы, что значительно улучшает читаемость. Реализовать тему так же просто, как добавить один класс к корневому элементу. Настройка осуществляется с помощью Sass.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Choreographer - библиотека для упрощения работы со сложными CSS-анимациями. Choreographer делает более управляемым одновременный переход нескольких свойств, анимацию, которая запускается с разной задержкой, и синхронизацию с жестами пользователя, такими как прокрутка.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Hint.css - библиотека CSS для добавления всплывающих подсказок к элементам HTML. Hint очень компактна по размеру, но при этом предлагает множество возможностей для настройки, таких как различные размеры, цвета и анимация. Она не требует никакого кодирования, всплывающие подсказки создаются и стилизуются простым добавлением нужных атрибутов данных.

🌍 Сайт

Daily Coding #инструменты #CSS

📖Отзывчивый дизайн на HTML5 и CSS3 для любых устройств
🖋Фрэйн Б | 2022

Вы фуллстек-разработчик, которому нужно развивать навыки фронтенд-разработки? Или фронтенд-разработчик, ищущий качественный обзор современных возможностей HTML и CSS? А может, вы создаете свой веб-сайт и хотите сделать его отзывчивым? Тогда, эта книга вам просто необходима!

💾 Скачать книгу

Daily Coding #книги #CSS #HTML

🛠 Magic animations - это библиотека CSS для анимации. Она содержит множество типов анимации и проста в использовании. Просто добавьте таблицу стилей на свою страницу и задайте имена классов для своих элементов. Если вас интересует CSS-анимация, вы также можете проверить Animate.css.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 ColorZilla - это расширение для Google Chrome, которое объединяет в себе множество функций, включая средство выбора цвета, генератор градиентов CSS, историю использованных цветов и многое другое. Еще одним похожим инструментом является расширение Eye Dropper с открытым исходным кодом.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Blaze CSS - гибкий и симпатичный CSS-фреймворк для создания адаптивных веб-приложений. Blaze полностью модульный, что означает, что он позволяет вам выбирать, какие из его многочисленных компонентов вам действительно нужны, а какие можно оставить. Он предлагает продвинутую сетку, подобную Bootstrap, плавную анимацию перехода CSS и многое другое.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 OkayNav - библиотека JavaScript и CSS предлагает новый подход к адаптивному навигационному меню. Вместо того, чтобы создавать панель, которая полностью отображается на рабочем столе и сворачивается на мобильном устройстве, OkayNav пытается уместить как можно больше элементов навигации в текущем размере браузера.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠Bulma — фреймворк с открытым исходным кодом, предоставляющая готовые к использованию интерфейсные компоненты, которые вы можете легко комбинировать для создания адаптивных веб-интерфейсов.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Matter — коллекция различных элементов пользовательского интерфейса, включая большинство типов полей ввода, кнопки, индикаторы загрузки и многое другое. Элементы оформлены в соответствии с языком Material Design от Google и полностью созданы на основе старых добрых HTML и CSS для быстрого и удобного использования.

🌍 Сайт

Daily Coding #инструменты #CSS

🛠 Cirrus — CSS-фреймворк для создания потрясающих и полностью адаптивных веб-сайтов. В нем есть все компоненты, необходимые для создания красивых и интерактивных дизайнов - кнопки, формы, анимация, таблицы, верхние и нижние колонтитулы и многое другое. Фреймворк действительно легкий - вы можете включить только те файлы, которые вам нужны, и полностью настраиваемый - все компоненты могут быть стилизованы с помощью CSS и работают во всех современных браузерах.

🌍 Сайт

Daily Coding #инструменты #CSS