¿Cuáles son las diferencias entre Less, Sass y Bootstrap? ¿Cuál debo aprender?

Answer 1

Less y Sass son ambos preprocesadores de CSS. Ambos intentan resolver el mismo problema: que CSS limita la expresividad y puede llevar a hojas de estilo repetitivas e infladas. Less tiende a ser más fácil de aprender (es un superconjunto estricto de CSS, por lo que cualquier archivo CSS válido es un archivo Less válido, por lo que su conocimiento de CSS ya se traduce técnicamente a Menos conocimiento), pero Sass tiende a ser más poderoso y extensible.

Cuando escriba los estilos Less o Sass, deberá configurar algún tipo de paso de compilación para traducirlos a CSS que los navegadores puedan entender. Grunt, Gulp, Rails gems y aplicaciones como CodeKit son opciones populares para automatizar eso para el proceso de desarrollo.

Bootstrap es un tipo diferente de animal. Proporciona un marco para la creación de interfaces de usuario que incluye un sistema de diseño de cuadrícula, botones y widgets, estilo base, estilo tipográfico, barras de menú interactivas / sensibles y mucho más. Sus contemporáneos son proyectos como ZURB Foundation y Material Design Lite de Google.

Bootstrap realmente usa Less para el estilo, pero también proporciona un puerto Sass oficial en twbs / bootstrap-sass.

Ya que eres nuevo en los preprocesadores de CSS y marcos de UI, te sugiero que aprendas Bootstrap y Less juntos o ZURB Foundation y Sass juntos. Esos son los “preprocesadores de elección” para cualquiera de los marcos, por lo que son socios ideales. Si su intención es mudarse al mundo de Rails, ZURB es probablemente más apropiado, ya que tiende a ser favorecido por la comunidad de Rails. Si usted es más del tipo de front-end, Bootstrap / Less podría ser un mejor ajuste.

Por último, no pase por alto Compass o Bourbon for Sass, o Less Hat for Less. Esas son bibliotecas mixtas que proporcionan una gran cantidad de la funcionalidad más útil para los preprocesadores de CSS que de otra forma necesitarías escribir tú mismo.

Answer 2

Primero debe aprender bootstrap porque es fácil de aprender, tener muchos tutoriales en Internet y tener un sitio oficial para bootstrap como w3school y Bootstrap. El framework de front-end más popular y móvil del mundo.

Después de bootstrap, tienes un gran conocimiento sobre html5 y css3, por lo tanto, te actualizas a menos y sass.

Less y Sass, ambos son un lenguaje de extensión CSS muy poderoso en el mundo y ambos son un preprocesador que significa convertir un tipo de datos en otro tipo de datos (masterfile.scss en masterfile.css).

En Sass puedes aprender muchas cosas que te ayudarán en el diseño web.

Less y Sass solo tienen una diferencia en la sintaxis, ambos tienen una sintaxis diferente con el mismo significado de código.

Te ayudará-

Bootstrap · El framework front-end más popular y con mejor respuesta para dispositivos móviles del mundo.

W3school

Hojas de estilo sintácticamente impresionantes

Menos instalación

Nota : – Si necesita más información sobre el preprocesador sass, puede consultar mi ppt en slideshare.

Instalacion de sass

Sass – básico para avanzar

Answer 3

En primer lugar, el boostrap no debe compararse con Less o Saas. Boostrap es un marco que tiene muchas características que ayudan a un desarrollo más rápido. Pero Saas y Less están orientados a objetos css. Estos proporcionarán características para escribir menos código y hacer más. Al igual que puede extender una clase, usar una mezcla como una función css, puede declarar variables. Luego, al final, debe compilarlo en css para que la aplicación se ejecute. Realmente me gusta Saas ya que hay más funciones en Saas que menos. Boostrap es una buena adición a su conocimiento.

¡¡Aclamaciones!!