HTML

Cuando estamos haciendo un formulario y pensamos en móvil, nos gusta pensar que el propio teléfono decidirá bien qué configuración de teclado escoger. Pero si no nos fiamos una buena manera es usar inputmode y así evitaremos errores innecesarios de los usuarios.

Nos hemos acostumbrado a utilizar imágenes de fondo pero Google no nos ayuda a indexar con este tipo de prácticas. Aquí propongo una solución para emular el resultado de poner una imagen en background-size: cover;

En este bloc por ejemplo se usa un efecto en los títulos de la home que es que a los textos darles un efecto de subrayado. Pues ahora veremos cómo hacerlo para que quede perfecto con sus paddings laterales y todo.

Cuando acabamos a de hacer una web, generalmente se hace con un sólo navegador (yo recomiendo Chrome), toca testear las web en los diferentes navegadores (infierno). Internet Explorer es el que suele dar más problemas pero Firefox tampoco se queda corto la verdad. Suponiendo que ...

Una conferencia muy interesante impartida por Chris Coyier, cocreador de codepen y autor de css-tricks.

A menudo nos encontramos con maquetaciones que no podemos modificar, para estos casos van muy bien los pseudoselectores. A continuación os presento 42 maneras de seleccionar un elemento

A menudo he hecho diseños que incluían un borde fijo en el body. La verdad es que este tipo de bordes quedan bien si van por encima del contenido pero si hacemos un div sin color de fondo pero con borde y lo ponemos encima ...

Hoy en día si tu site no se comparte bien en facebook, twitter y demás redes sociales puedes perder muchas visitas. A continuación tenéis los metatags correspondientes para poner dentro del head para que facebook coja la imagen que queráis vosotros así cómo el resto ...

A menudo hay «cosas» en maquetación web que son inexplicables. Este caso es una de ellas. Cuando tenemos una serie de divs (o li o cualquier elemento que queramos) y lo mostramos en inline-block a menudo nos ponen entre los elementos un margen absurdo que tenemos ...

Muchas veces nos encontramos con que podemos aplicar estilos a campos de texto y cajas de texto, también a botones pero no a checkbox y radio buttons. Pues bien hay una manera (aunque tiene sus inconvenientes). Para ello debemos montar una estructura HTML similar a ésta ...

El otro día encontré este divertido juego de adivinar tags de HTML5. Se trata de adivinar el mayor número de tags aceptados por este estándar. ¿Te atreves? The HTML5 Quiz

Par todos aquellos que os falla a veces la memoria y para todos aquellos que creemos que un desarrollador programa de concepto y luego ya pensará en qué idioma decirlo, os dejo estos sheets:

Crafty 2010 Se trata de una web muy visual que domina a la perfección las transiciones entre apartados y que demuestra sin tapujos que está basada en un grid (un sistema de guías y cajas) muy evidente.crafty2010.com

Los tres principales buscadores, Google, Yahoo y Microsoft siguen preocupados con el problema del contenido duplicado, y acaban de proponer una nueva etiqueta llamada “Canonical” para indicar cuál es el contenido principal y cuáles las URLs secundarias. Hasta ahora, resolvíamos el tema de la “canonicalización de ...