Project

General

Profile

Feature #7951

Integrar LESS o SASS en Chamilo [master]

Added by Alex Aragon over 3 years ago. Updated over 3 years ago.

Status:
Assigned
Priority:
Normal
Assignee:
Category:
Styles, Layout & Accessibility
Target version:
Start date:
09/11/2015
Due date:
% Done:

30%

Estimated time:
Spent time:
Complexity:
Normal
SCRUM pts - complexity:
?

Description

Investigar para usar la integración de procesadores de CSS LESS o SASS para Chamilo
-Fuentes de Investigación
-Integración
-Pro y contras


Related issues

Related to Chamilo LMS - Feature #7935: Migration from 1.10.x to 2.0 [master]Needs testing02/11/2015

Actions

History

#1

Updated by Julio Montoya over 3 years ago

Revisar qué es lo que se usa con Symfony2, cual es lo más "stardard" y si existen bundles.

#2

Updated by Julio Montoya over 3 years ago

  • Subject changed from Integrar LESS o SASS en Chamilo to Integrar LESS o SASS en Chamilo [master]
#3

Updated by Alex Aragon over 3 years ago

Proceso de comparación para la introducción de preprocesadores de CSS para los estilos.

Comparaciones entre SASS y LESS

LESS

http://lesscss.org/

  • Este procesador se mantiene fiel a la naturaleza de CSS, para crear las sintaxis de las lineas y para generarlas, es más fácil de mantener.
  • Necesita node.js para su compilación.
  • Tiene buena documentación, su ruta de aprendizaje es más rápida a comparación de otros.
  • Bootstrap 3, esta basado en LESS, si se desea actualizar a bootstrap 4, este solo usa SASS
  • Se recomienda LESS, para principiantes y diseñadores que recién empiezan con CSS
  • Acepta mixins (funciones), herencias, funciones de colores, operaciones,

SASS

http://sass-lang.com/

  • Funciona con ruby, así que es Linux o Windows debemos instalarlo
  • La referencia del lenguaje es extensa.
  • Debemos instalar compass para la compilación
  • Acepta mixins (funciones), herencias, funciones de colores, operaciones
  • Bootstrap 3, tiene un repositorio en SASS opcional para las personas que deseen trabajar en ello, pero si se va a actualizar a bootstrap 4 este esta hecho 100% en SASS
  • Tiene mayor popularidad por sus altas funciones a comparación de LESS

Las 2 tecnologías son muy poderosas y cualquiera ahorrará trabajo, sin embargo tomando en cuenta las investigaciones realizadas considero que la mejor tecnología es Sass por el cierto margen de opciones extendidas y mejoras a futuro, donde inclusos framework como bootstrap esta migrando a SASS, Apple lo usa desde 2013

Empleo para la integración en Chamilo LMS

Recordar que este no es un componente adicional dentro de Chamilo LMS, que se almacena como otros archivos JS dentro de web/assets, esto es más tener un repositorio de .scss sea el caso para los archivo base.css, frame.css y demas css de cada theme de chamilo, tener una mejor estructura del codigo en mención, ya el 60% de la plataforma funciona gracias a Bootstrap.css y el resto del 40% por los archivos (base.css, frame.css, print.css, chat.css, scorm.css) la idea es tener una mejor organización entre variables y funciones en archivos .scss para luego con cualquier cambio compilarlos para su version final en un .css

Puntos para la integración a Chamilo 2.0

¿Se cambiara la apariencia de Chamilo 2.0?si es factible que tan grande es ese cambio radical.
¿Se actualizara a boostrap4 o seguiremos en bootstrap 3?

#4

Updated by Julio Montoya over 3 years ago

Buena comparación, parece que SASS es más interesante.

¿Se cambiara la apariencia de Chamilo 2.0?si es factible que tan grande es ese cambio radical.

Como indica Yannick en la otra tarea, la idea es de mantener el estilo general de la plataforma.

¿Se actualizara a boostrap4 o seguiremos en bootstrap 3?

Buena pregunta! La pregunta sería que es lo que se tendría que modificar? Supongo que los formularios sería lo que da más trabajo ...

#5

Updated by Yannick Warnier over 3 years ago

Yo diría que la pregunta es saber que ventajas nos brinda Bootstrap 4. No se suponía que el 3 era ya mobile-first? Hay cambios que justifican la inversión de BeezNest?

#6

Updated by Alex Aragon over 3 years ago

Bootstrap 4, cambia de LESS a SASS, tambien a rescrito la mayor parte de javascripts de los componentes, además a eliminado los paneles para convertirlos en card, reduciendo un 20% de codigo CSS, ahora ya no usa px como sistema de medidas, se cambio a rem, para mejorar la tipografia adaptable, pero aún esta en fase AlPHA

Después de analizarlo y ver cosas de inversión aún no es Hora de integrarlo,hasta que twitter decida hacerlo oficial y que bootstrap 3 deje de ser mantenido y si se decide usar los componentes de AdminLTE2 debe de ser en B3

Also available in: Atom PDF