Главная > Образование и Изучение > 30 невероятных ресурсов для любителей Sass
30 невероятных ресурсов для любителей Sass21 декабря 2012, 11:00. Разместил: Design FactoRy |
Несмотря на бесчисленные предсказания скептиков, Sass вовсе не стал временным увлечением, он стал излюбленным набором инструментов, который позволяет совершенствовать процесс разработки CSS-кода. Сегодня есть много фанатов Sass, и мы знаем, что даже среди вас такие имеются. Именно поэтому сегодня мы решили подготовить отличную подборку ресурсов для любителей Sass. В ней вы найдете различные элементы, разработанные при помощи и для Sass: платформы, плагины, приложения и многое другое. Платформы и сеточные системы 01. Compass Compass практически везде сопровождает Sass. Он укомплектован множеством заранее созданных миксинов и инструментов, которые упрощают работу с Sass. Если вы любите Sass, но не пробовали использовать в работе Compass, то пришло время с ним познакомиться! 02. Библиотека Sass-миксинов Bourbon Если Compass покажется вам чрезмерным, но вам все равно хочется использовать CSS3 миксины, то рекомендуем вам познакомиться с Bourbon. Это определенно одна из лучших библиотек Sass миксинов после Compass, с которой мы сталкивались. 03. Bourbon Neat Bourbon Neat – это сеточная система, разработанная при помощи Sass и Bourbon. Она очень проста и полностью адаптивна. 04. Foundation Foundation – это основной конкурент Twitter Bootstrap. Обе платформы оформлены с минималистичной эстетикой, и имеют полный набор великолепных элементов пользовательского интерфейса и свойств. Хотя здесь стоит учесть одно огромное отличие: Bootstrap разработана на LESS, Foundation – на Sass. Если вы любите Sass, то вам вероятно лучше попробовать Foundation. 05. Bootstrap Sass Если вы часто используете Bootstrap и Sass, то вам обязательно стоит познакомиться с этим проектом, который переписывает компоненты LESS Bootstrap в Sass. 06. Animate.sass Animate.css – это великолепная библиотека CSS-анимации, о которой мы уже когда-то писали. Animate.sass привносит удобство использования Sass в эту библиотеку. 07. Forge Официальное описание дает очень хорошее представление: «Forge – это бесплатный набор инструментов командной строки для разработки Wordpress-шаблонов в очень опрятной среде при помощи Sass, LESS и CoffeeScript». 08. Skeleton-SASS Skeleton изначально представлял собой среду разработки на базе адаптивной сетки, которой пользовались многие. А сегодня разработчики предложили миру небольшую переработку Skeleton, использовав Sass. 09. Susy: адаптивные сетки для Compass Сетки в целом использовались в качестве основной части Compass, пока инструмент не направили и в другие отрасли. Susy позволяет нам сделать небольшой шаг вперед, предлагая возможность интеграции адаптивных сеток в Compass. 10. Gravity Framework Gravity – это удобная HTML5 среда разработки внешнего интерфейса, разработанная при помощи Sass. 11. Frameless Вряд ли будет правильным называть Frameless средой разработки, это скорее новый способ структурирования сеток. Здесь есть расширенные инструменты, которыми лучше пользоваться тогда, когда вы знаете что делаете. Frameless сосредоточена на только на Sass, но здесь присутствует Sass-шаблон, с которого вы можете начать. 12. Zen Grids На сегодняшний это, вероятно, одна из любимых сеточных систем у многих разработчиков. Zen Grids совершенствует Sass таким образом, что вы получаете преимущества сеточной системы, и при этом не теряете свободу с точки зрения разработки семантического кода. Что же нужно еще? 13. BlankWork – гибкая сеточная система на SASS Blankwork очень похожа на Zen Grids. Это гибкая, адаптивная сеточная система, которая использует Sass, чтобы освободить вас от несемантических классовых имен. 14. 320 and Up 320 and Up – это адаптивный и, прежде всего, предназначенный для мобильной разработки шаблон, предоставленный как в версии LESS, так и в Sass. 15. Gridset Чтобы получить более подробную информацию о Gridset, ознакомьтесь с данной статьей. Это один из лучших инструментов для создания и управления адаптивными сетками. У пользователей есть возможность получать весь выходной код в Sass. Кнопки и UI 16. CSS3 кнопки от Chad Mazzola Этот великолепный набор кнопок использует Sass и Bourbon. Результат получается отменный, так что обязательно рассмотрите этот вариант для вашего будущего проекта. 17. Zocial Zocial представляет собой Sass-платформу для CSS3 кнопок социальных сетей. Кнопки основаны на CSS3, а иконки реализованы при помощи Sass-миксина @font-face. 18. Sassy Buttons Sassy Buttons – это расширение для Compass, которое помогает вам создавать невероятно гибкие и привлекательные кнопки. Приложения 19. Scout Возможно, Scout – не лучший компилятор Sass и Compass, но у него есть огромное преимущество – он бесплатный. Другие компиляторы могут достигать 10-20$ в цене, но Scout можно использовать, не затратив и цента. 20. CodeKit CodeKit представляет собой нечто вроде ядра компилятора. Вы можете обрабатывать что угодно: LESS, Sass, Stylus, CoffeeScript, и все это будет превращено в стандартный код. Правда, за это вам придется заплатить 25$. 21. LiveReload LiveReload очень похож на CodeKit, только здесь вам будет предоставлено меню, а также функция автоматического обновления браузера при сохранении внесенных изменений. И стоит он всего 9.99$. 22. Hammer Hammer для Mac – это нечто вроде редактора игр. Он позволяет вам творить чудеса, которые раньше казались невозможными при разработке статичных сайтов. Здесь вы можете найти подробный отчет. К тому же, следует отметить, то Hammer отлично компилирует ваш Sass. Плагины 23. Sass.sugar Sugar – это плагины для MacRabbit’s Espresso, который на сегодняшний день является любимым текстовым редактором многих. Sass.sugar добавляет подсветку Sass-кода в Espresso. 24. Sublime Text: Haml & Sass Предлагаем вам плагин для пользователей Sublime Text. Вы также можете воспользоваться менеджером комплектации в ST2. 25. Coda Sass Plug-in Мы уже осветили Sublime и Espresso, а теперь пришел черед Coda. Вот необходимый вам плагин. 26. FireSass для Firebug FireSass позволяет Firebug отображать исходные файлы Sass и номер строки в CSS-стилях, сгенерированных посредством Sass. Другие ресурсы 27. Sass.js javascript-вариация Sass, которая идеально подходит пользователям Node. 28. Breakpoint Breakpoint упрощает процесс создания media queries посредством Sass. Breakpoint отвечает за всю тяжелую работу – от написания media query, до решения проблем с кроссбраузерной поддержкой, - так что у вас будет возможность сосредоточиться на важном – сделать ваш сайт максимально привлекательным. 29. MVCSS MVCSS вряд ли можно назвать ресурсом, который можно скачать, это скорее метод написания CSS и Sass. Его концепция похожа на SMACSS и OOCSS. 30. Normalize.css (с Sass или Compass) Normalize.css позволяет идентифицировать и устранить основные различия в рендере браузеров. Это Sass-порт для этого файла. Вернуться назад |