Geek the Planet


CSS no image

Published on Abril 11th, 2012 | by Angelfire

0

Variables en CSS: Primer borrador de trabajo del W3C

La idea de tener variables en CSS no es realmente nueva, ya hay por ahí muchas implementaciones que nos ayudan con esto, sin embargo no son implementaciones estándar ni soportados por el W3C; hasta el día de hoy, que ha salido de manera oficial el primer borrador de trabajo (Working draft)…

Intentaré resumir un correo que fue enviado por Tab Atkins Jr. a la lista de Style del W3C.

Se anuncia de manera oficial el primer borrador de trabajo de este nuevo proyecto, Variables en CSS.

Las grandes aplicaciones (o incluso las pequeñas) suelen tener cientos de líneas de CSS, muchos de estos valores se encuentran repetidos a lo largo de la hoja de estilo, esto debido a que solemos usar un esquema de 3-4 colores por sitio. La modificación de estos valores suele ser dispendiosa y sujeta a errores. Buscar y reemplazar no suele ser una opción viable.

Con este nuevo módulo se busca introducir a las hojas de estilo (CSS) las variables, que son basicamente valores arbitrarios que asignamos a una propiedad y a continuación asignar esta a cualquier elemento dentro del documento.

Yo me supongo que esto sería algo como:

@color1: #ccc; @color2: #efe; body{ background-color:@color1; color:@color2; }

De esta manera podríamos tener las variables definidas en la parte superior y asignarlas a  lo largo del documento, si queremos cambiar el color1, solo tendríamos que hacerlo en la parte de la definición de las variables y este se propagaría, por otro lado hace que la lectura del documento sea mucho más fácil de hacer.

Muchos sistemas de variables han servido de inspiración para este módulo, incluyendo SASS http://sass-lang.com/ y una especificación preva realizada por Dave Hyatt y Daniel Glazman en http://disruptive-innovations.com/zoo/cssvariables/. Este enfoque presentado tiene muchos beneficios, más allá del simple mantenimiento de las hojas de estilo.

Como es obvio esta nueva especificación se encuentra apenas en pañales, la idea de esta primer versión es que sea tan simple como sea posible, ya que incluso esta funcionalidad básica es más compleja de lo que pudiese parecer.

Tags: , , , , , ,


About the Author

Systems Engineering, Computer Systems Specialist, Social Engineering Specialist. Social Media Analyzer. Usability and SEO enthusiasm (Este es mi perfil de Twitter...)



Comments are closed.

Back to Top ↑
  • Comentarios recientes

  • Miniposts

    • iOS 8 disponible para descargar

      Hoy se anunció de manera oficial iOS 8, la fecha de llegada será el próximo 17 de septiembre. En iPhonehacks han recopilado los enlaces de descarga directo para los diferentes dispositivos que soportan la nueva versión del sistema operativo. Así que para quienes no desean esperar, ya pueden acceder a la versión Golden Master ...

    • Festigame Colombia 2014

      El festival de videojuegos, cultura gamer y entretenimiento familiar más grande de América Latina ha llegado a nuestro país. Festigame que es un evento creado en Chile en 2012, se ha convertido en el evento anual donde las marcas más importantes de la industria presentan sus últimos productos en el ...

    • Peter Griffin también tiene cuenta en Instagram

      El protagonista de la serie de humor, Padre de Familia, Peter Griffin ha inaugurado su presencia en la red social de fotografía con divertidas fotografías de su vida, y a pesar de ser un personaje de ficción ya ha superado los 200.000 seguidores en tan sólo dos semanas. Son unas fotos bastante divertidas, las ...

    • Manual y documentación de Node.js para Android

      Node.js se ha venido haciendo bastante popular en los últimos años, cada vez son más los usos que como desarrolladores web le damos a esta tecnología. La siguiente aplicación es el manual y la documentación de Node.js, que contiene los siguientes temas: About these Docs Synopsis Assertion Testing Buffer C/C++ Addons Child Processes Cluster Console Crypto Debugger DNS Domain Events File System Globals HTTP HTTPS Modules Net OS Path Process Punycode Query Strings Readline REPL Stream String Decoder Timers TLS/SSL TTY UDP/Datagram URL Utilities VM ZLIB

    • Star Wars Traceroute

      ¿Qué pasa cuando un ingeniero está muy desocupado? pues pasan cosas como esta: Mac y Linux Van a la consola y escriben: traceroute 216.81.59.173 Windows Buscan el CMD y escriben: tracert 216.81.59.173 El resultado es interesante y sorprendente. Si quieren ver la salida de la ejecución del comando, pueden ver el gist Ver más: Beagle Network

  • Comunicados - Notas de Prensa