🛠 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

🛠 Shave - библиотека JavaScript, которая обрезает многострочный текст, чтобы он мог поместиться внутри HTML-элемента. Она сохраняет исходную строку в скрытом виде, так что ваш текст остается нетронутым. Он очень легкий, всего в 1,5 раза меньше, не имеет зависимостей и совместим с другими библиотеками javascript.

🌍 Сайт

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

🛠 MaterializeCSS — современный адаптивный интерфейсный фреймворк, основанный на Material Design. Он действительно прост в использовании, особенно для людей, знакомых с другими подобными проектами, такими как Bootstrap. Существует коллекция начальных шаблонов, которые помогут вам легко создать дизайн вашего веб-сайта.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 CSS-Tricks — огромный англоязычный ресурс о создании сайтов, о CSS, HTML и JavaScript, а так же обо всем, что неразрывно связано с миром фронтенда.

🌍 Сайт

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

🛠 Water.css — Фреймворк just-add-css, который применяет стили без необходимости определения классов элементов. Просто включите его в свой проект через CDN, и все ваши страницы автоматически будут выглядеть лучше. Включает светлую и темную темы и может быть настроен с помощью CSS.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠FANCY-BORDER-RADIUS — интерактивный конструктор border-radius

🌍 Сайт

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

🛠 NES.css — CSS-фреймворк, который сделает ваш веб-сайт похожим на 8-битную NES-игру. Он предоставляет хороший выбор компонентов Bootstrap-типа, таких как кнопки, контейнеры, диалоговые окна, поля ввода и многое другое.

🌍 Сайт

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

🛠 MUI — небольшой и адаптивный фреймворк, который соответствует рекомендациям Google по дизайну материалов. Он не имеет внешних зависимостей и чрезвычайно легкий, всего 5,4 Кб в архивированном виде. Он поддерживает React, настраивает с помощью файлов SASS и имеет отдельную встроенную версию для оформления электронных писем.

🌍 Сайт

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

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

🌍 Сайт

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