CSS

Stylus: Usando variables y mixins

Stylus: Usando variables y mixins

En el post anterior hemos dado una primera introducción acerca de las características mas importantes de Stylus y como poder compilar nuestros archivos, en este nuevo post haremos hincapié en el uso tanto  de variables como de mixins y de como estos nos evitan tener que duplicar código en nuestro archivo de estilos. Variables Las variables

Stylus: Otra forma de crear nuestros estilos

Stylus: Otra forma de crear nuestros estilos

Hoy en día cuando creamos nuestras hojas de estilos caemos irremediablemente en la tarea de tener que escribir parte de nuestros estilos una y otra vez lo cual se vuelve una tarea tediosa. Ahora bien que pasa cuando tenemos que modificar el valor de un atributo que se encuentra en muchos lugares, vuelve a suceder

Less: Variables y Mixins

Less: Variables y Mixins

Como hemos mencionado en el post anterior Less tiene varias funcionalidades que son las encargadas de brindarnos varias ventajas en cuanto a la reutilizacion del código escrito. En este post en particular trataremos el tema del uso de variables y mixins dentro del código con el fin de reducir la cantidad de lineas que tenemos que

Less: El lenguaje dinámico de CSS

Less: El lenguaje dinámico de CSS

Cuantas veces nos ha tocado trabajar con hojas de estilos (CSS) y tener que repetir código porque los botones tienen el mismo color que la barra de navegación o ciertas partes de la pantalla tienen que tener el mismo padding. La gran desventaja de esto es si tenemos que cambiar algún valor lo tenemos que

Sass: Usando directivas

En la medida que vamos usando cada vez mas Sass nos damos cuenta de que nos seria de gran utilidad poder decidir que en función de un determinado valor agregar un atributo o generar para cada uno de los elementos de una lista un determinado estilo. Sass a lo largo de sus distintas versiones ha ido

Modernizr: Detectando el soporte de HTML5

Modernizr: Detectando el soporte de HTML5

Muchas veces cuando nos enteramos de las nuevas funcionalidades que aparecieron en HTML5 nos lanzamos de lleno a usarlas y esto no nos representa un problema para nada ya que como sabemos nos ahorra muchos dolores de cabeza y la cantidad de código que escribimos es menor. Ahora bien que pasa con los navegadores mas viejos

Sass: Bloques reutilizables de código con Mixins

Muchas veces mientras trabajamos con los estilos de nuestro sitio/aplicación nos topamos con que tenemos una serie de atributos que se van repitiendo una y otra vez, en la gran mayoría de los casos la única opción viable es replicar ese código. Ahora bien esto ultimo nos trae siempre aparejado el problema de que si necesitamos

Sass: Usando variables

En el post introductorio de Sass hemos visto algunas de las ventajas y funcionalidades basicas que nos provee, en este post nos adentraremos un poco mas en detalle acerca de esas funcionalidades haciendo incapíe en el uso de las variables y los distintos tipos de las mismas. Ahora bien cuantas veces nos ha tocado crear en nuestras

Ionic Framework: Introducción

Ionic Framework: Introducción

En numerosos casos, nos encontramos frente a un proyecto donde el producto que se quiere lograr debe tener un impacto no solo al público que poseé una computadora con un navegador web, sino también, se quiere llegar a aquellas personas que tienen otros dispositivos como lo son los celulares o tablets. Lo que históricamente se hacia

Sass: Introduccion

Cuando trabajamos con sitios web y nos toca trabajar con las hojas de estilo vemos que muchas veces se nos hace difícil de entender como esta organizado o si no tenemos atributos repetidos dentro de la misma, por lo cual tenemos que buscar a lo largo del archivo hasta comprobar si existe o no. Mas