📖 Наглядный 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

🛠 Shards - бесплатный и современный инструментарий пользовательского интерфейса для веб-разработчиков. Он основан на Bootstrap 4, удивительно легкий и полностью адаптивный. Он включает в себя 10 пользовательских компонентов, 2 готовые целевые страницы и пакеты иконок из Material и Font Awesome packs. Вы также можете настроить файлы SCSS для редактирования существующих макетов или создания новых.

🌍 Сайт

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

🛠 Fork Awesome — набор иконок с более чем 600 значками в формате SVG. Их очень легко настроить, например, изменить цвет, размер, тень и т.д., И они совместимы со всеми платформами. Набор полностью бесплатный, не требует использования javascript и потрясающе смотрится на дисплеях retina.

🌍 Сайт

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

🛠 CSS Loader — простая библиотека CSS для создания интересных эффектов загрузки. Существует множество различных вариантов, из которых вы можете выбирать. Более того, они действительно просты в использовании, все, что вам нужно, - это один элемент HTML div и несколько классов.

🌍 Сайт

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

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

🌍 Сайт

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