1. CSS пользовательского интерфейса Metro
Metro UI CSS — это платформа CSS, реализующая интерфейс в стиле Metro Windows 8.
2. CSScomb
CSScomb может сортировать свойства CSS, используя указанные методы сортировки, и предоставляет несколько версий, в том числе:
CSScomb Online CSScomb для Sublime Text 2 (также в управлении пакетами) CSScomb для Textmate CSScomb для Coda и Coda 2 CSScomb для Espresso 2 CSScomb для IntelliJIDEA/WebStorm/PyCharm CSScomb для Notepad++ CSScomb для Vim 3. CSS3Ps
CSS3Ps — это бесплатный облачный плагин Photoshop, который преобразует слои Photoshop в реализации CSS3 с точно таким же внешним видом. Вы можете выбрать несколько слоев и групп слоев и преобразовать их одним щелчком мыши. Stroke преобразуется в свойство границы CSS. Внутренняя тень, внутреннее свечение, тень и внешнее свечение преобразуются в свойства CSS box-shadow. Вы можете просмотреть полученные стили в своем браузере и поделиться ими с другими. Он работает с Windows или Mac OS X и Photoshop CS3 и выше. Самое приятное то, что это совершенно бесплатно!
4. ОтзывчивыйЭон
ResponsiveAeon — это платформа HTML5/CSS3, которая позволяет очень быстро создавать адаптивные макеты. Он имеет сетку, основанную на 12 столбцах общей шириной 1104 пикселей, и предоставляет 3 очень простых для понимания базовых класса. Платформа позволяет использовать @mediaqueries и поддерживает устройства любого размера. Помимо сеточных систем, существуют также стили для типографики, списков, таблиц, кнопок и таблиц.
5. Уточнить слайд
RefineSlide — это легкий (сжатый на 4 КБ) плагин jQuery, позволяющий быстро интегрировать адаптивный эффект слайдера на основе изображений в наш веб-сайт. Слайдер использует переходы CSS3 + 3D-преобразования (с резервным вариантом JS) и имеет множество привлекательных переходов. Он имеет возможность отображать миниатюры (автоматически отформатированные и адаптивные) или стрелки для навигации (поддерживается клавиатура).
6.Фотон
Photon — это библиотека JavaScript, которая позволяет добавлять простые световые эффекты к любому элементу в трехмерном пространстве. Для создания эффекта используется объект WebKitCSSMatrix (WebKit — единственный поддерживаемый движок браузера). Угол света можно определить и изменить в любое время, обеспечивая функциональность. Можно определить объект, освещая его по одному или группу за раз, и мы можем настроить эффект, установив максимальное использование черного и белого.
7. Гридпак
Цель Gridpak — реализовать адаптивный дизайн веб-страниц, улучшить рабочий процесс и сэкономить время. Gridpak создает адаптивные и простые интерфейсы, генерируя изображения PNG, CSS и JavaScript.
CSS, созданный Gridpak, совместим с IE 8+, но он использует множество экспериментальных свойств CSS, таких как медиа-запросы, размер поля и свойства обрезки фона, поэтому мы рекомендуем использовать его вместе с Modernizer для обеспечения обратной совместимости.
8. Морф.js
Morf.js предоставляет набор методов JavaScript для ускорения различных эффектов преобразования CSS3. Все поддерживаемые методы показаны на рисунке выше, и нет необходимости писать код CSS3.
9. Гамби
Gumby — это адаптивная CSS-сетка шириной 960 пикселей, которая поддерживает экраны ПК, планшетов и мобильных устройств. Подобно Bootstrap Twitter, он включает в себя набор инструментов веб-интерфейса с красивыми кнопками, таблицами, навигацией + метками и небольшим файлом JavaScript.
10.AppJS
AppJS — это замечательная библиотека JavaScript, которая позволяет нам быстро разрабатывать настольные приложения (HTML, CSS и JavaScript) с использованием веб-технологий. AppJS использует Node.js в качестве серверной поддержки.
11. Поддержка браузера
Поддержка браузера — это простая поисковая система, используемая для определения того, поддерживается ли определенное свойство CSS указанным браузером. Предоставляет поле ввода для автозаполнения поиска.
12. Спрайтпад
SpritePad — идеальное решение, позволяющее создавать CSS-спрайты за считанные секунды. Просто перетащите изображения на холст, и они мгновенно станут доступны в виде спрайта PNG + код CSS.
13. HTML5, пожалуйста
HTML5 Пожалуйста, поможет вам проверить, готовы ли такие функции, как HTML5 и CSS3.
14.jsFiddle
jsFiddle — это веб-приложение, которое в основном используется для тестирования фрагментов кода JavaScript и CSS.
15. Анимат.css
Animate.css содержит CSS, реализующий различные эффекты анимации.
16. Чрезмерное
Excessive — это инструмент сжатия CSS, разработанный на Python, который может перетаскивать столько файлов, сколько вы хотите, объединять их в один файл и сжимать его на лету.
17. Обновление CSS
CSSrefresh — это библиотека JavaScript, которая используется для реализации функции немедленного изменения эффекта стиля веб-страницы без обновления страницы. Она легко подключается и не требует настройки. Вам нужно только добавить JS-файл на страницу.
18. Impress.js
impress.js — это пакет Javascript. Его функция — создавать потрясающие эффекты отображения контента. В основном он использует вращение, искажение, масштабирование и другие функции CSS 3D Transforms. Поэтому это может сделать только последняя версия Firefox или Google Chrome. или Safari, чтобы увидеть эффект, который он производит. Кажется, его также можно использовать в браузере IE 10, который еще не выпущен.
19. Медведь CSS
Bear CSS — это бесплатное веб-приложение, которое генерирует стили CSS на основе заданного HTML.
20. Меньше CSS
Less CSS — это широко используемый препроцессор CSS, который расширяет CSS за счет простого синтаксиса и переменных, что позволяет сократить объем кода CSS.
LESS предоставляет динамические возможности языка CSS, такие как переменные, наследование, операции и функции. LESS можно запускать на клиенте (поддерживает IE 6+, Webkit, Firefox) или на сервере (с Node.js).
21. CSS2less
css2less — небольшой инструмент, разработанный на Ruby для преобразования CSS в файлы формата Less CSS.
22. ОтзывчивыйGS
Responsive GS — это CSS-фреймворк с гибкой сеткой для быстрой разработки адаптивных веб-сайтов.
Адаптивный GS доступен в трех вариантах: 12, 16 и 24 столбца и поддерживает все стандартные устройства с использованием медиа-запросов.
23. Фигуры CSS3
CSS3 Shapes — это онлайн-сайт, который использует CSS3 для достижения различных графических эффектов.
24. CSS-стрелка, пожалуйста
CSS Arrow Please — это веб-генератор стилей CSS, который можно использовать для всех CSS, таких как полосы, кнопки, таблицы, значки загрузки и т. д. Он полностью реализован с использованием CSS, изображения не требуются.
25. ВебПутти
WebPutty — это приложение, позволяющее писать CSS-код онлайн, с редактором, поддерживающим подсветку синтаксиса, и боковой панелью предварительного просмотра, позволяющей видеть изменения в реальном времени.
26. CSSFx.js
При написании CSS часто добавляются множество префиксов в зависимости от браузера, например -moz-border-radius. В отрасли по этому поводу тоже много недовольства. cssFx — это js, который может автоматически генерировать для вас префикс, что может сэкономить вам много времени и энергии.
27. Грязная разметка
Dirty Markup — это бесплатное веб-приложение, которое поможет вам легко навести порядок. Редактор использует простую + функцию AceEditor, и каждое украшение может иметь множество вариантов для получения наилучших результатов.
28. Хруст
Crunch — это редактор, основанный на Less CSS, разработанный Adobe AIR. В основном используется для редактирования Less и компиляции его в CSS.
29. Тест CSS3
CSS3 Test — это онлайн-сайт, на котором проверяется поддержка браузерами CSS3.
