🛠 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