HTML

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

HTML5: Etiquetas multimedia

HTML5: Etiquetas multimedia

Hasta la aparición de HTML5 si queríamos reproducir dentro de nuestra pagina un archivo de audio o de vídeo la única opción que teníamos era utilizar Flash para lo cual los usuarios que ingresaran a la pagina deberían tener instalado el correspondiente plugin de Flash. Ahora bien no siempre todos los plugins se comporta de una manera

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

HTML5: Estructura del documento

HTML5: Estructura del documento

En el post anterior hemos visto una breve introducción acerca de HTML5 y de algunas de las mejoras que introduce esta nueva especificación, en este post la idea es ir un paso mas adelante y ver los nuevos elementos que se introdujeron para poder darle una mayor semántica (o sea darle un significado mas fuerte

HTML5: Introducción

HTML5: Introducción

HTML5 es la última versión de la especificación de HTML (HyperText Markup Language) la cual introduce nuevas características y funcionalidades de diverso tipo para facilitar el desarrollo de páginas web y evitar así el uso de librerías externas, por citar un ejemplo se cuentan con distintos tipos de input como date, time, number entre otros.