CSS Puro Vs Preprocesadores CSS (Sass, Less)

Siempre en una conversación con colegas programadores, salen los debates sobre los lenguajes de programación ¿cual es mejor? ¿Que utilitarios son mejores?, etc. O algun detalle que entretenga la mente de los apasionados colegas que viven de la informatica, en una de esas conversaciones en un conocido foro de informatica, un colega pregunto sobre mi opinión en lo que respecta a utilizar un Preprocesador CSS en el desarrollo de un sitio web a la medida o si es mejor programar el Css Puro en las hojas de estilo,

en el momento fue como una tormenta de ideas inconclusa, ya que cada quien suele tener una idea diferente sobre el tema, yo me comprometí a escribir un articulo sobre las investigaciones que hiciera sobre el tema, es aquí donde surge la pregunta: ¿Que es mejor al programar un sitio web a la medida(desde 0), usar CSS Puro o un Preprocesador como SASS o LASS? Para esto necesitare contar una breve historia para explicar a los nuevos en programacion de sitios web, sobre que es CSS y porque fue que a alguien se le ocurrió inventar un Preprocesador de CSS

Breve historia de CSS


Las hojas de estilos aparecieron poco después que el lenguaje de etiquetas SGML, alrededor del año 1970. Desde la creación de SGML, se observó la necesidad de definir un mecanismo que permitiera aplicar de forma consistente diferentes estilos a los documentos electrónicos.
El gran impulso de los lenguajes de hojas de estilos se produjo con el boom de Internet y el crecimiento exponencial del lenguaje HTML para la creación de documentos electrónicos. La guerra de navegadores y la falta de un estándar para la definición de los estilos dificultaban la creación de documentos con la misma apariencia en diferentes navegadores.
El organismo W3C (World Wide Web Consortium), encargado de crear todos los estándares relacionados con la web, propuso la creación de un lenguaje de hojas de estilos específico para el lenguaje HTML y se presentaron nueve propuestas. Las dos propuestas que se tuvieron en cuenta fueron la CHSS (Cascading HTML Style Sheets) y la SSP (Stream-based Style Sheet Proposal).
La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos. Entre finales de 1994 y 1995 Lie y Bos se unieron para definir un nuevo lenguaje que tomaba lo mejor de cada propuesta y lo llamaron CSS (Cascading Style Sheets).
En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996, el W3C publicó la primera recomendación oficial, conocida como "CSS nivel 1”. Desde entonces hasta la fecha el CSS es el Standard para aplicar estilo a cualquier tipo sitio web, como el internet fue evolucionand constantemente , creando un amplio mundo de aplicaciones y servicios, que necesitaban hojas de estilo CSS, es razonable pensar que entre mas paginas web, mas hojas de estilo CSS eran necesarias para crear un solo sitio web, esta tarea con los años se volvió muy engorrosa y complicada, sobre todo si se trabajaba en equipo, se perdía la estructura con mucha facilidad, mas muchos diran que la dificultad no radicaba en el tamaño de la hoja de estilo, si no que entre mas grande mas difícil se volvía darle mantenimiento o modificarla efectivamente, claro esta que esta dificultad solamente se daba en proyectos realmente grandes y no en sitios web pequeños (5 paginas web), es allí donde se les ocurre a los señores de SASS en el año 2007 crear un Preprocesador CSS, para facilitar el mantenimiento de un sitio web y mejorar las maneras de trabajar en un equipo de trabajo, incluyendo formas solo existentes en los lenguajes de programación tales como Java, C y C#, entre otros. profundicemos un poco en el mundo de los preprocesadores


¿Que es un Preprocesador CSS?


Un Preprocesador CSS es un programa que te permite compilar css de una forma mas efectiva, quiero aclarar, un punto importante sobre el tema, lo que tu programas en el preprocesador CSS no puede ser interpretado por un navegador ya que el navegador solo interpreta CSS, esto da lugar a la siguiente pregunta
¿Que ventajas obtengo al usar un Preprocesador CSS en ves de CSS puro?
Si tu proyecto es pequeño y consta de 5 paginas web, no obtendrás ningún beneficio de usar un preprocesador CSS ya que bastara con una hoja de estilo CSS para adecuar el entorno gráfico de tu proyecto, mas si tu proyecto es corporativo y necesitas múltiples hojas de estilo con decenas de paginas web, con varias personas en un equipo de trabajo, entonces si valoraras un preprocesador CSS ya que las múltiples ventajas que te ofrece para trabajar en equipo son verdaderamente excepcionales. Dentro de las ventajas que se presentan son:

  • Preproceso
  • Nesteo
  • Variables
  • Parciales
  • Importación
  • Mixins
  • Herencias
  • Operadores


Estas propiedades y valores, son propias de lenguajes de programación orientados a objetos y cada una de ellas requiere una explicación bastante amplia por lo que les recomendare investigar un poco sobre cada opción que permite un preprocesador CSS, para iniciar su búsqueda les recomiendo visitar: http://sass-lang.com/guide,
Por lo tanto después de realizadas las pruebas, no existe un versus sobre el tema, es decir que el programador de sitios web tomara la decisión según el tamaño de su proyecto si usar o no un Preprocesador CSS, Aunque existen varios preprocesadores yo en lo personal prefiero SASS debido a que es el mas antiguo y robusto de todos, así como una amplia comunidad de usuarios y desarrolladores que te pasaran trucos y ejemplos. Para los que gustan de los Versus, en este tema no existe un versus, quizás podría existir uno entre los CMS y los proyectos desarrollados a la medida con Preprocesadores CSS y en este tema si hay mucho de que hablar, aunque para adelantar un posible tema futuro, también se puede crear preprocesos CSS en los Manejadores de contenido (CMS). para terminar el tema, el preproceso de CSS es una mezcla hibrida de programacion orientada a objetos y CSS, es mas parecido a programar C que maketar CSS


Si necesita asesoría en diseño y programación de sitios web no dude en llamarnos (503) 2226-6886



Escribio para Websupport de El Salvador:

David Arriaga

David Arriaga - Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo.