CSS

  • Materialize — современный отзывчивый статический фреймворк, основанный на принципах Material Design
  • spaceBase — отзывчивый CSS фреймворк, основанный на Sass
  • extractCSS — извлечение классов, айдишников и встроенных стилей из HTML
  • ref.openweb.io — спецификатор малоизвестных параметров CSS
  • cssvalues.com — это один из наиболее новых сайд-проектов, предлагающий простой способ для поиска и просмотра CSS свойства и быстрого просмотра его возможных значений. Например, если вы забыли, какие параметры являются приемлемыми, например, для шрифта.
  • Normalize.css представляет собой настраиваемый CSS файл, при помощи которого браузеры начинают отображать все элементы более последовательно и в соответствии с современными стандартами.
  • The Simpsons in CSS приведены некоторые персонажи Симпсонов сделаны в чистом CSS
  • On/Off FlipSwitch создание чистого CSS3 On / Off FlipSwitches с анимированными переходами.
  • CSS Filter Effects
  • Marx — новый стильный CSS reset.
  • FormHack — сброс стилей для форм в SASS
  • Random Gradient Generator (CSS)
  • Fibonacci Flexbox Composer
  • Продвинутые CSS туториалы на Codrops :: Дизайн Мания — отличительной особенностью проекта являются действительно необычные и интересные CSS туториалы. Можно сказать, что там находятся в основном “продвинутые” и сложные CSS приемы, а не простенькие хаки как в большинстве блогов. Некоторые описания содержат реально много текста – авторы заметок стараются все детально рассмотреть.

 CSS3-генераторы:

  • css3.me — простой, элегантный и в то же время многофункциональный CSS-генератор, с красивым доменом
  • css3maker.com — очень обширный функционал для работы с новыми функциями CSS3, кросс-браузерность, гибкость и полный набор всего необходимого
  • css3generator.com — ничего лишнего, для любителей классики и простоты, одним словом «old school»;
  • Colorzilla.com — генератор градиентов для создания красивых фоновых изображений, с поддержкой большинства браузеров и без применения картинок (чистый CSS).

WEB-инструменты:

  • Button builder — инструмент для конструирования кнопок, с выдержкой в ритме Web 2.0. Среди функционала, можно отметить возможность настройки: внутренних отступов, размера текста, закругленность углов и выбора цветов градиента;
  • Form builder — конструктор формы, который позволяет настроить внешний вид как формы в целом, так и отдельные ее элементы;
  • Icon builder — почувствуйте себя вольным художником, создавая новые иконки для своих кнопок, менюшек и фавиконов;
  • Ribbon builder — для создания стильных ленточек на чистом CSS, воспользуйтесь данным инструментом, с широким спектром настроек и опций.

.