Consejos para crear una web horrible

Epilepsia en 3, 2, 1...

En tono irónico nos cuentan en FWebDe los pasos ideales a seguir para crear una web realmente horrible.

Link: How to Make a Truly Horrible Website

Mas de 70 webs con una sola página

Parece que las webs con una sola página están de moda y en InstantShift nos lo demuestran con esta gran recopilación de las mejores.

A destacar Planned Parenthood Regina, Dees o Work At Play.

PD: ¿Por que todos los diseñadores freelancer se han empeñado con empezar sus webs con “Hola me llamo segismundo y diseño páginas web”? Es que hace un año parecía original pero ya empieza a oler.

Link: Single Page Website Designs: 70+ Latest Examples

50 tutoriales con CSS3

Ya va siendo hora de prepararse para lo que se nos avecina este año, que seguramente estará marcado por la nuevas versiones de los añejos estandares CSS y HTML.

Y que mejor para ir empezando que practicar un poco con las nuevas propiedades CSS3 como border-radius o box-shadow.

Link: 50 CSS3 Tutorials That Makes Your Works Perfect

Triangulos con CSS

Con el culo torcido me he quedado cuando he visto lo que hace John Rohan solo con CSS, por que si, estos triangulos solo dependen de la hoja de estilos, nada de imagenes.

Y es que, al parecer existe un parámetro de la propiedad border-color que no conocía llamado transparent con el que ha conseguido el efecto.

Link: Css Triangles

La interfaz de Windows 3.1 en la web

Para quedarse a cuadros esta web retro en la que recrean la interfaz de Windows 3.1 con javascript. Incluso algunos programas como el bloc de notas se pueden iniciar y funcionan perfectamente.

No dejeis de pasaros por la web que merece la pena verla.

Links: Windows 3.1

Liberado jQuery 1.4

Hace ya una semanita que apareció la nueva versión de jQuery y para celebrarlo han actualizado la documentación de la web y han creado un blog en el que van a comentar todas las virtudes de esta versión durante 14 días.

Links: jQuery | The 14 Days of jQuery

z-index e Internet Explorer

Como muchos habréis comprobado en vuestras carnes, hasta la versión 7 de Internet Explorer, la propiedad z-index funciona como le da la gana a Microsoft. Esto provoca una serie de errores al mostrar la página como por ejemplo que un menú desplegable se muestre por debajo del contenido de la página.

¿Y a que se debe? vosotros diréis, aunque supongo que conocéis la respuesta de sobra: Explorer Sucks.

La W3C establece en el estandar CSS que solo los elementos con algún valor asignado a z-index deben crear su propio indice empezando en cero. Explorer, por supuesto, se pasa los estándares por el arco del triunfo y establece que todos los contenedores crean nuevos indices empezando en cero, por lo tanto la propiedad es mas o menos inútil.

Soluciando el problema

La mejor solución y mas sencilla es eliminar el z-index del elemento actual y aplicarselo al primer elemento padre.

<div style=”z-index:10″>

<ul>

<li><p>Quiero que me vean por encima del contenido!</p</li>

</ul>

</div>