Etiqueta : diseno-web

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…)

'Flat design', la tendencia en diseño web en el 2013

Por Marta Romero
Web Project Manager de OpenSistemas

Tras muchos años de ver sitios web que intentaban simular de la manera más real cualquier aspecto de la vida cotidiana y plasmarla en la pantalla (imitación a un papiro, a un papel, a la madera o al hierro como fondo de nuestro sitio) a través del uso excesivo de elementos gráficos con sombras, efectos 3D y todo tipo de diseños barrocos, complejos y recargados, por fin hemos llegado al extremo opuesto: un diseño limpio y elegante donde la sencillez y el minimalismo son los protagonistas.

(más…)

¿Qué es el Responsive design?

Por Marta Romero
Web designer de OpenSistemas

Es obvio que hoy en día todo el mundo tiene o bien un ordenador de mesa, un portátil, una tablet, o bien un móvil desde el que navegar, o probablemente más de uno de estos dispositivos. Ya no es necesario llegar a casa para poder ver tu Facebook, buscar un restaurante o leer el periódico, y es por ello por lo que nosotros, los diseñadores, tenemos que pensar en que nuestro próximo sitio web sea fácil de ver y navegar, de manera que se altamente atractivo para nuestros usuarios. (más…)