Etiqueta : css

SMACSS, adiós al caos

post image

Por Laura Jerez
Developer at OpenSistemas

Trabajar con archivos CSS es como entrar en el caos. Cualquier habitación de adolescente del planeta es el paraíso del orden en comparación. En ese desorden sistemático, puede que hayas intentado mantener el código lo más ordenado posible, cayendo en el imposible de mantener un archivo kilométrico (¡malditos style.css!). O quizás has terminado con una lista inmensa de archivos innombrables. Sin embargo, no tenemos que desesperar, solo tenemos que seguir el ingenioso método de trabajo de Jonathan Snook.
(más…)

Sass, Syntactically Awesome StyleSheets

Por Tamara Osona
Junior Open Source Consultant de OpenSistemas

¿Cómo te ayudaría el uso de variables en las hojas de estilo? ¿Por qué en CSS tenemos que repetir líneas de código una y otra vez? logo-sassCuando estás en un proyecto grande con muchos elementos y clases, te haces estas preguntas y buscas alternativas. Ahí descubrí los preprocesadores de CSS, que cubren en gran parte estas necesidades.

Sass es un lenguaje de script que es traducido a CSS, inicialmente diseñado por Hampton Catlin y desarrollado por Nathan Weizenbaum. Empecé a utilizar lo básico de Sass hace un par de años, cuando estaba de prácticas, y poco a poco empecé a ver la cantidad de ventajas que tiene y lo simple que es.

Por ejemplo, puedes crear una variable si necesitas un valor más de una vez, o mixins, como conjunto de variables y propiedades, permite el uso de operaciones, bucles… Otra ventaja es el anidado, que permite a un selector heredar los estilos de otro sin duplicar las propiedades CSS, como también el hecho de poder separar los estilos en varios archivos y que Sass luego los unifique en una única hoja de estilo, permitiendo encapsular todo en un mismo CSS ayudando a reducir el número de conexiones y mejorar la performance. (más…)

Contenidos elearning HTML5/swf con Adobe Flash

Por José Manuel Cristóbal
Consultor Open Source en OpenSistemas

Antes de nada, quisiera recordar que Adobe Flash se compone de dos partes bien diferenciadas. Por un lado está el programa de escritorio Adobe Flash ProfessionalCC, generador de archivos .swf, y por otro lado, el motor de reproducción de estos archivos .swf, que es Adobe Flash Player. Actualmente Adobe Flash ProfessionalCC también ofrece otras posibilidades para crear aplicaciones para dispositivos móviles como iOS o Android mediante la tecnología Adobe AIR, pero esta faceta sería para tratarla en otro post.
(más…)