Sign up with your email address to be the first to know about new products, VIP offers, blog features & more.

Tag Archives css

Combina y comprime todos los ficheros CSS y JS para optimizar WordPress con WP Minify

Cada vez que accedemos a una web, independientemente del CMS que usemos (como si no usamos ninguno), el navegador empieza la descarga del sitio en HTML y todo lo que trae consigo (principalmente imágenes, hojas de estilo y ficheros de script del lado del cliente como JavaScript) mediante protocolo HTTP.

¿Qué problema tiene HTTP? Para cada petición de este tipo, abre y cierra la conexión. ¿Eso qué conlleva? Un aumento del tiempo de transferencia.

Como se puede observar, el problema en parte es abordable ya que aunque no podemos (por ahora) reunir todas las imágenes en una sola transmisión,

Modificar el inicio de una lista ordenada en HTML

Siempre que usamos listas ordenadas en HTML (ordered lists definidas por el tag: <ol>), tenemos una serie de elementos ordenados por número (o por letra en función del CSS). Por ejemplo:

  1. Primer elemento
  2. Segundo elemento
  3. Tercer elemento

Si por cualquier razón queremos empezar por un elemento diferente a uno (por ejemplo porque queramos continuar la lista anterior en otro punto del documento HTML), tenemos el atributo “start“, veamos un ejemplo de su uso:

  1. Cuarto elemento
  2. Quinto elemento

El código fuente sería:

<ol start=”4″>

W3Schools, portal con tutoriales sobre HTML, CSS y Javascript

Si buscas un portal para aprender los estándares web, W3Schools es tu sitio. No sólo contiene excelentes tutoriales paso a paso de HTML, CSS y Javascript, sino que también dispone de sus correspondientes referencias, completas y actualizadas.

También existen tutoriales sobre otras tecnologías como XML, SQL, PHP, etc. Eso sí, en mi opinión se pueden encontrar mejores tutoriales.

El único fallo es que está inglés, pero el nivel es muy sencillo y fácil de comprender.

Enlace: W3Schools.

Juego en HTML Canvas – Fred Jones

Todos sabemos que HTML, CSS y Javascript están de moda. Y es verdad, estas tecnologías forman un trío excelente para realizar aplicaciones multiplataforma. Recordad que la W3C simplificó HTML5 a HTML, personalmente me encantó su decisión, denominando su versión Living Standard.

Como me gustan los juegos aquí os dejo uno que demuestra lo que se puede hacer ya programando en estos lenguajes. Si bien estas tecnologías aún les queda mucho camino para sustituir la potencia de Flash con respecto a las aplicaciones web, es un avance muy importante.

Los controles son el cursor izquierdo y el cursor derecho para moverse y espacio para saltar.

Comprimir y optimizar código CSS

Cada vez que accedemos a un sitio web nos descargamos, entre otras cosas, sus hojas de estilos. Aunque para trabajar con ellas lo ideal es tenerlas bien estructuradas y comentadas, al navegador le da igual interpretar una hoja de estilos bien espaciada y comentada, que su equivalente comprimido.

Es decir, si usamos el fuente CSS sobre el que trabajamos como fichero de producción estamos cometiendo un fallo: estamos transmitiendo información de forma innecesaria en muchas ocasiones (nosotros mismos lo hacemos ahora mismo en Linux Hispano). Es algo similar a lo que ocurre con jQuery y sus dos versiones:

Como podéis apreciar la diferencia es ostensible.