🛠 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

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

🌍 Сайт

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

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

🌍 Сайт

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

📖 Наглядный CSS
🖋Сидельников Грег, 2021

Вместо бесконечных томов документации – две с половиной сотни иллюстраций помогут вам разобраться во всех тонкостях работы CSS. Эта книга станет вашим настольным справочником, позволяя мгновенно перевести пожелания заказчика и собственное видение в компьютерный код!

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

Daily Coding #книги #css

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

🌍 Сайт

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

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

🌍 Сайт

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