—»     —»   30 невероятных ресурсов для любителей Sass
  Раздел: Образование и Изучение   Нет комментариев  

30 невероятных ресурсов для любителей Sass



Несмотря на бесчисленные предсказания скептиков, Sass вовсе не стал временным увлечением, он стал излюбленным набором инструментов, который позволяет совершенствовать процесс разработки CSS-кода.

Сегодня есть много фанатов Sass, и мы знаем, что даже среди вас такие имеются. Именно поэтому сегодня мы решили подготовить отличную подборку ресурсов для любителей Sass. В ней вы найдете различные элементы, разработанные при помощи и для Sass: платформы, плагины, приложения и многое другое.

Платформы и сеточные системы

01. Compass

30 невероятных ресурсов для любителей Sass

Compass практически везде сопровождает Sass. Он укомплектован множеством заранее созданных миксинов и инструментов, которые упрощают работу с Sass. Если вы любите Sass, но не пробовали использовать в работе Compass, то пришло время с ним познакомиться!

02. Библиотека Sass-миксинов Bourbon

30 невероятных ресурсов для любителей Sass

Если Compass покажется вам чрезмерным, но вам все равно хочется использовать CSS3 миксины, то рекомендуем вам познакомиться с Bourbon. Это определенно одна из лучших библиотек Sass миксинов после Compass, с которой мы сталкивались.

03. Bourbon Neat

30 невероятных ресурсов для любителей Sass

Bourbon Neat – это сеточная система, разработанная при помощи Sass и Bourbon. Она очень проста и полностью адаптивна.

04. Foundation

30 невероятных ресурсов для любителей Sass

Foundation – это основной конкурент Twitter Bootstrap. Обе платформы оформлены с минималистичной эстетикой, и имеют полный набор великолепных элементов пользовательского интерфейса и свойств. Хотя здесь стоит учесть одно огромное отличие: Bootstrap разработана на LESS, Foundation – на Sass. Если вы любите Sass, то вам вероятно лучше попробовать Foundation.

05. Bootstrap Sass

30 невероятных ресурсов для любителей Sass

Если вы часто используете Bootstrap и Sass, то вам обязательно стоит познакомиться с этим проектом, который переписывает компоненты LESS Bootstrap в Sass.

06. Animate.sass

30 невероятных ресурсов для любителей Sass

Animate.css – это великолепная библиотека CSS-анимации, о которой мы уже когда-то писали. Animate.sass привносит удобство использования Sass в эту библиотеку.

07. Forge

30 невероятных ресурсов для любителей Sass

Официальное описание дает очень хорошее представление: «Forge – это бесплатный набор инструментов командной строки для разработки Wordpress-шаблонов в очень опрятной среде при помощи Sass, LESS и CoffeeScript».

08. Skeleton-SASS

30 невероятных ресурсов для любителей Sass

Skeleton изначально представлял собой среду разработки на базе адаптивной сетки, которой пользовались многие. А сегодня разработчики предложили миру небольшую переработку Skeleton, использовав Sass.

09. Susy: адаптивные сетки для Compass

30 невероятных ресурсов для любителей Sass

Сетки в целом использовались в качестве основной части Compass, пока инструмент не направили и в другие отрасли. Susy позволяет нам сделать небольшой шаг вперед, предлагая возможность интеграции адаптивных сеток в Compass.

10. Gravity Framework

30 невероятных ресурсов для любителей Sass

Gravity – это удобная HTML5 среда разработки внешнего интерфейса, разработанная при помощи Sass.

11. Frameless

30 невероятных ресурсов для любителей Sass

Вряд ли будет правильным называть Frameless средой разработки, это скорее новый способ структурирования сеток. Здесь есть расширенные инструменты, которыми лучше пользоваться тогда, когда вы знаете что делаете. Frameless сосредоточена на только на Sass, но здесь присутствует Sass-шаблон, с которого вы можете начать.

12. Zen Grids

30 невероятных ресурсов для любителей Sass

На сегодняшний это, вероятно, одна из любимых сеточных систем у многих разработчиков. Zen Grids совершенствует Sass таким образом, что вы получаете преимущества сеточной системы, и при этом не теряете свободу с точки зрения разработки семантического кода. Что же нужно еще?

13. BlankWork – гибкая сеточная система на SASS

30 невероятных ресурсов для любителей Sass

Blankwork очень похожа на Zen Grids. Это гибкая, адаптивная сеточная система, которая использует Sass, чтобы освободить вас от несемантических классовых имен.

14. 320 and Up

30 невероятных ресурсов для любителей Sass

320 and Up – это адаптивный и, прежде всего, предназначенный для мобильной разработки шаблон, предоставленный как в версии LESS, так и в Sass.

15. Gridset

30 невероятных ресурсов для любителей Sass

Чтобы получить более подробную информацию о Gridset, ознакомьтесь с данной статьей. Это один из лучших инструментов для создания и управления адаптивными сетками. У пользователей есть возможность получать весь выходной код в Sass.

Кнопки и UI

16. CSS3 кнопки от Chad Mazzola

30 невероятных ресурсов для любителей Sass

Этот великолепный набор кнопок использует Sass и Bourbon. Результат получается отменный, так что обязательно рассмотрите этот вариант для вашего будущего проекта.

17. Zocial

30 невероятных ресурсов для любителей Sass

Zocial представляет собой Sass-платформу для CSS3 кнопок социальных сетей. Кнопки основаны на CSS3, а иконки реализованы при помощи Sass-миксина @font-face.

18. Sassy Buttons

30 невероятных ресурсов для любителей Sass

Sassy Buttons – это расширение для Compass, которое помогает вам создавать невероятно гибкие и привлекательные кнопки.

Приложения

19. Scout

30 невероятных ресурсов для любителей Sass

Возможно, Scout – не лучший компилятор Sass и Compass, но у него есть огромное преимущество – он бесплатный. Другие компиляторы могут достигать 10-20$ в цене, но Scout можно использовать, не затратив и цента.

20. CodeKit

30 невероятных ресурсов для любителей Sass

CodeKit представляет собой нечто вроде ядра компилятора. Вы можете обрабатывать что угодно: LESS, Sass, Stylus, CoffeeScript, и все это будет превращено в стандартный код. Правда, за это вам придется заплатить 25$.

21. LiveReload

30 невероятных ресурсов для любителей Sass

LiveReload очень похож на CodeKit, только здесь вам будет предоставлено меню, а также функция автоматического обновления браузера при сохранении внесенных изменений. И стоит он всего 9.99$.

22. Hammer

30 невероятных ресурсов для любителей Sass

Hammer для Mac – это нечто вроде редактора игр. Он позволяет вам творить чудеса, которые раньше казались невозможными при разработке статичных сайтов. Здесь вы можете найти подробный отчет. К тому же, следует отметить, то Hammer отлично компилирует ваш Sass.

Плагины

23. Sass.sugar

30 невероятных ресурсов для любителей Sass

Sugar – это плагины для MacRabbit’s Espresso, который на сегодняшний день является любимым текстовым редактором многих. Sass.sugar добавляет подсветку Sass-кода в Espresso.

24. Sublime Text: Haml & Sass

30 невероятных ресурсов для любителей Sass

Предлагаем вам плагин для пользователей Sublime Text. Вы также можете воспользоваться менеджером комплектации в ST2.

25. Coda Sass Plug-in

30 невероятных ресурсов для любителей Sass

Мы уже осветили Sublime и Espresso, а теперь пришел черед Coda. Вот необходимый вам плагин.

26. FireSass для Firebug

30 невероятных ресурсов для любителей Sass

FireSass позволяет Firebug отображать исходные файлы Sass и номер строки в CSS-стилях, сгенерированных посредством Sass.

Другие ресурсы

27. Sass.js

30 невероятных ресурсов для любителей Sass

javascript-вариация Sass, которая идеально подходит пользователям Node.

28. Breakpoint

30 невероятных ресурсов для любителей Sass

Breakpoint упрощает процесс создания media queries посредством Sass. Breakpoint отвечает за всю тяжелую работу – от написания media query, до решения проблем с кроссбраузерной поддержкой, - так что у вас будет возможность сосредоточиться на важном – сделать ваш сайт максимально привлекательным.

29. MVCSS

30 невероятных ресурсов для любителей Sass

MVCSS вряд ли можно назвать ресурсом, который можно скачать, это скорее метод написания CSS и Sass. Его концепция похожа на SMACSS и OOCSS.

30. Normalize.css (с Sass или Compass)

30 невероятных ресурсов для любителей Sass

Normalize.css позволяет идентифицировать и устранить основные различия в рендере браузеров. Это Sass-порт для этого файла.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: SASS, LESS, CSS
Опубликовал Design FactoRy   Прочитано (раз): 11592   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц October по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
252627282930