🛠Spectre — современный, бесплатный и адаптивный CSS-фреймворк. Он предлагает элегантные элементы, систему адаптивной верстки на основе flexbox, а также CSS-компоненты и утилиты, которые можно модифицировать с помощью компилятора Sass и Scss. Он действительно легкий, занимает всего 10 КБАЙТ и поддерживает большинство современных браузеров.

🌍 Сайт

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

🛠 sanitize.css — библиотека CSS, которая исправляет неработающие или отсутствующие стили во всех браузерах. Она нормализует стили для ряда элементов и исправляет ошибки и распространенные несоответствия в браузере. Она действительно проста в использовании и поддерживается в Chrome, Edge, Firefox, Opera, Safari и IE 9+.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠 Tons of Checkboxes - набор компонентов checkbox, предназначенных только для CSS. Существует множество различных стилей, включая переключатели, тумблеры, круги и квадраты. Все флажки бывают четырех размеров - от маленьких до больших. Совместимы со всеми современными браузерами, включая IE9+.

🌍 Сайт

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

🛠 TentCSS — простой и понятный в использовании фреймворк, который предлагает все основные компоненты, необходимые для создания адаптивного веб-сайта. Он очень легкий (всего 5 кбайт в сжатом виде), соответствует стандарту BEAM и имеет современную сетку flexbox для создания макетов.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 Primer CSS - CSS-фреймворк, используемый для разработки интерфейса на GitHub. Он содержит 23 пакета, которые разделены на 3 основных мета-пакета для упрощения установки. Каждый пакет имеет независимую версию и распространяется через npm, что позволяет легко включать только те модули, которые вам нужны.

🌍 Сайт

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

🛠 T-scroll - мощная и простая в использовании библиотека прокрутки с полезными опциями и анимацией. Она поставляется с vanilla Sass и предлагает большое количество анимаций CSS3, таких как отскок, исчезновение, переворот, увеличение масштаба и многое другое. T-scroll совместим с большинством современных браузеров, включая IE 10+, Firefox, Chrome и Safari.

🌍 Сайт

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

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

🌍 Сайт

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

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

🌍 Сайт

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

🛠98.css — забавный CSS-фреймворк для создания ретро-пользовательских интерфейсов в стиле Windows 98

🌍 Сайт

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

📖CSS Pocket Reference. 5Ed
🖋Eric A. Meyer 2018

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

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

Daily Coding #книги #CSS

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

🌍 Сайт

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

🛠 Odometer - это библиотека Javascript и CSS, которая обеспечивает плавный переход между числами. Библиотека чрезвычайно легкая и производительная, поскольку все анимации обрабатываются в CSS с помощью преобразований. Она поддерживает Firefox, Safari, Chrome и IE8+ и имеет автоматический резервный вариант для более старых браузеров.

🌍 Сайт

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

🛠 Pretty Checkbox - чисто CSS-библиотека для создания красивых флажков и переключателей. Он предлагает различные формы (квадратные, кривые, круглые), варианты (по умолчанию, заливка, толстые), цвет (основной, успешный, информационный), цветовые типы (сплошной, контурный) и анимацию (плавный, tada, желейный). Он поддерживает пользовательские значки шрифтов, значки SVG и настройки CSS.

🌍 Сайт

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

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

🌍 Сайт

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

🛠 С помощью Tachyons вы можете создавать красивые и отзывчивые интерфейсы практически без использования CSS. Он прост в использовании и настройке, ориентирован на мобильные устройства и хорошо работает с React, Ember, Angular и другими фреймворками. Более того, он чрезвычайно легкий и содержит очень подробную документацию, где вы можете найти все, что вам нужно.

🌍 Сайт

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

🛠 Now UI Kit - это CSS-фреймворк, созданный поверх Bootstrap 4. Он поставляется с более чем 50 компонентами в плоском стиле, набором иконок Nucleo и файлами Sketch/PSD для создания прототипов. Теперь пользовательский интерфейс также предлагает 3 шаблона для выдачи кредитов, входа в систему и страниц профиля, которые помогут вам быстро приступить к работе.

🌍 Сайт

Daily Coding #инструменты #CSS | Канал в Max