A pesar de las predicciones de innumerables escépticos, Sass no ha demostrado ser una moda en absoluto, sino más bien un conjunto de herramientas muy sólido que realmente mejora la creación de CSS.
Soy un gran fanático de Sass y sé que muchos de ustedes también lo son, así que he recopilado esta lista de treinta recursos asombrosos para los amantes de Sass. En él, encontrará todo tipo de productos creados para Sass: marcos, complementos, aplicaciones y mucho más.
Marcos y sistemas de rejilla
Brújula
Compass es el compañero por excelencia de Sass. Está repleto de herramientas y herramientas integradas que hacen que trabajar con Sass sea más fácil que nunca. Si amas a Sass pero no has dado el paso y no has probado Compass, es hora de echar un vistazo.
Biblioteca Bourbon Sass Mixins
Si Compass parece una exageración para ti, pero aún te gusta la idea de aprovechar algunos mixins impresionantes de CSS3, echa un vistazo a Bourbon. Después de Compass, definitivamente es una de las mejores bibliotecas de mezcla de Sass que he encontrado.
Bourbon Neat
Bourbon Neat es un sistema de grilla construido con Sass y Bourbon. Es super simple y totalmente sensible.
Fundación
Fundación es el principal competidor de Twitter Bootstrap. Ambos marcos tienen una estética minimalista, están llenos de excelentes piezas de interfaz de usuario y cuentan con marcos sensibles. Sin embargo, al menos hay una gran diferencia: Bootstrap se basa en LESS mientras que Foundation se basa en Sass. Si eres fanático de Sass, probablemente estés mejor con Foundation.
Bootstrap Sass
Si no tienes más remedio que usar Bootstrap y Sass, echa un vistazo a este proyecto, que esencialmente vuelve a escribir los componentes de MENOS Bootstrap en Sass.
Animate.sass
Animate.css es una impresionante biblioteca de animación CSS sobre la que he escrito antes. Animate.sass trae la conveniencia de Sass a esta biblioteca.
Fragua
La descripción oficial lo resume a la perfección: "Forge es un conjunto de herramientas de línea de comandos gratuito para el arranque y el desarrollo de temas de WordPress en un entorno ordenado que utiliza lenguajes frontales como Sass, LESS y CoffeeScript".
Esqueleto-SASS
Skeleton fue el primer marco de cuadrícula de respuesta que utilicé y todavía tengo una afición por él. Aquí hay una reelaboración de Skeleton usando Sass.
Susy: Grids responsive para Compass
Las cuadrículas en realidad solían ser una parte central de Compass, antes de ser eliminadas en favor de centrarse en otros aspectos. Susy se incorpora para llenar el vacío y sirve como una forma de incorporar cuadrículas de respuesta en Compass.
Marco de gravedad
Gravity es un robusto framework de aplicaciones para el usuario basado en Sass.
Sin marco
Frameless no es tanto un marco como una sugerencia para una nueva forma de estructurar sus grillas. Es algo bastante avanzado, así que asegúrate de conocer tus chuletas antes de intentarlo. Sin marco no está completamente enfocado en Sass, pero hay una plantilla de Sass para comenzar.
Rejillas Zen
Recientemente escribí una pieza que cantaba las alabanzas de Zen Grids. Es probable que sea mi sistema de grilla favorito hasta la fecha, y eso es algo que dice, ya que soy un fanático de la grilla. Lo que hace tan grande a Zen Grids es que aprovecha Sass de tal manera que obtiene todos los beneficios de un sistema de grilla mientras mantiene la libertad de ser completamente semántico en su código. ¿Qué más se puede pedir?
BlankWork - SASS Gridsystem flexible
Blankwork se parece mucho a Zen Grids. Es un sistema de cuadrícula flexible y sensible que usa Sass para liberarle de nombres de clases no semánticos.
320 y más
320 and Up es un primer plato de respuesta móvil y sensible con versiones LESS y Sass.
Cuadrícula
Para una mirada en profundidad a Gridset, echa un vistazo a este artículo. Es una de las mejores herramientas que existen para crear y administrar redes de respuesta. Los usuarios tienen la opción de recibir todo el código de salida en Sass.
Botones y UI
Botones CSS3 de Chad Mazzola
Este elegante conjunto de botones utiliza Sass y Bourbon para trabajar su magia. El resultado es una configuración realmente excelente y botones desarrollados para su próximo proyecto.
Zocial
Zocial es un marco de CSS3 de botones sociales de Sass. Los botones son CSS3 y los iconos se implementan con una mezcla Sass @ font-face.
Botones Sassy
Sassy Buttons es una extensión de brújula que te ayuda a crear botones increíblemente personalizables y súper atractivos.
Aplicaciones
Explorar
Scout no es el compilador más bonito de Sass y Compass, pero tiene algo realmente sólido: es gratis. Los otros pueden costarle hasta $ 10-20, pero Scout funciona como un encanto, es multiplataforma y no le costará ni un centavo.
CodeKit
CodeKit es una potencia de un compilador. Puedes lanzar casi todo lo que quieras: LESS, Sass, Stylus, CoffeeScript, lo tomará todo y escupirá el código estándar que estás buscando. Si tienes $ 25 para quemar, ve a buscarlo.
LiveReload
LiveReload se parece mucho a CodeKit, solo vive en la barra de menú y viene con la conveniencia adicional de actualizar la vista previa de su navegador cada vez que se guarda. También es sólo $ 9.99.
Martillo
Hammer para Mac es un cambio de juego. Inyecta magia que nunca creíste posible en la construcción de sitios estáticos. Echa un vistazo a mi revisión aquí para la primicia completa. Entre otras acciones más impresionantes, Hammer también compila tu Sass. ¡Que conveniente!
Complementos
Sass.sugar
Los azúcares son complementos para MacRabbit's Espresso, que sigue siendo uno de mis editores de texto favoritos. Sass.sugar agrega el resaltado de sintaxis Sass a Espresso.
Texto sublime: Haml & Sass
Aquí hay un plugin para usuarios de Sublime Text. También puede recurrir al administrador de paquetes en ST2 para un complemento de Sass.
Complemento Coda Sass
Hemos cubierto Sublime y Espresso, así que no excluyamos a los usuarios de Coda. Aquí está tu plugin.
FireSass para Firebug
FireSass permite que Firebug muestre el nombre de archivo Sass original y el número de línea de los estilos CSS generados por Sass.
Otras golosinas
Sass.js
Una implementación de JavaScript de Sass, perfecta para usuarios de Node.
Punto de quiebre
Breakpoint busca simplificar las consultas de medios con Sass. "Breakpoint maneja todo el trabajo pesado, desde la propia consulta de medios, hasta el manejo de problemas de compatibilidad entre navegadores, para que pueda concentrarse en lo que es importante: asegurarse de que su sitio web se vea mejor".
MVCSS
MVCSS no es tanto un recurso descargable como un método sugerido para escribir CSS y Sass. Es similar en concepto a SMACSS y OOCSS.
Normalize.css (Con Sass o Compass)
Normalize.css busca identificar y eliminar las principales diferencias en la forma en que los distintos navegadores representan HTML y CSS. Este es un puerto Sass de ese archivo.
¿Qué me perdí?
Estos treinta recursos representan algunos de los mejores proyectos que la comunidad Sass tiene para ofrecer, pero estoy seguro de que me perdí algunos de los mejores. Si conoce alguno de los grandes recursos de Sass o ha creado alguno, deje un comentario a continuación y avísenos.