Archivo del Autor: davidsingal

Primero, el de la derecha

Rendimiento selectores CSS

Rendimiento selectores CSS

Normalmente cuando hablamos de rendimiento, nos acordamos de Javascript, pero olvidamos el CSS. A veces tan sólo comprimimos el documento para que el archivo sea más liviano. Así como en Javascript influye la forma en que escribimos el código afecta al rendimiento, en CSS ocurre lo mismo. Existen algunas prácticas conocidas como por ejemplo incluir los archivos externos el css usando la etiqueta <link> dentro del nuestro <head>, utilizar estilos de internet explorer que puede generar bucles que hacen la página lenta o usar demasiados estilos en el documento ya que aumentaría el tamaño de descarga.

Pero antes de hablados de cómo escribir selectores eficaces voy a recordar los tipos de selectores que hay:

Selectores de ID

#elemento {}

Este selector se refiere a un elemento único de la página, es decir a un elemento con el atributo id=”elemento”, en este caso.

Selectores de clase

.elementos {}

Se refiere a todos los elementos que contienen el mismo nombre del selector. Se usa en este caso el atributo class=”elementos”.

Seguir leyendo

Logotipos en html con SEO: ¿H1, texto o imagen?

¿h1, texto o imagen?

Una de las cuestiones más debatidas en blogs y foros es cómo tenemos que etiquetar un logotipo en HTML teniendo en cuenta el SEO. Lo que voy a contaros no es una ciencia exacta, y me estoy basando en la consulta de varios Blogs que considero de confianza así como los resultados de mi propia experiencia.

Primero debemos separar dos tipos de logotipos a marcar, el logotipo que es texto y el logotipo que es imagen. Lo segundo que debemos tener en cuenta es si el objetivo de la Web es hacer branding  o es mucho más importante el contenido.

Entonces se me ocurren 4 posibilidades:

  1. Logotipo texto sin acción de branding.
  2. Logotipo texto con acción de branding.
  3. Logotipo imagen sin acción de branding.
  4. Logotipo imagen con acción de branding.

Seguir leyendo