Dar a los usuarios una rapida salida encubierta de una página web a otra.

por: Chris Coyier Un lector escribió una pregunta muy interesante e importante. La respuesta podría salvar a la gente de cualquier daño o, literalmente, salvar vidas. Estoy rediseñando un sitio web para las víctimas de abuso doméstico. El director del programa quiere que se incluya un botón donde las víctimas pueden hacer clic rápidamente para ocultar laSigue leyendo “Dar a los usuarios una rapida salida encubierta de una página web a otra.”

Ordenando números de lista, con estilos

Siempre me he molestado lo difícil que es darle estilo a los números de listas ordenadas. Muy a menudo el diseño exige algo más que sólo una figura simple – una fuente diferente, el tamaño, color, fondo, lo que sea. El enfoque tradicional para solucionar este problema ha sido la de evitar que el navegadorSigue leyendo “Ordenando números de lista, con estilos”

Gradientes en el subrayado de los links

Aquí les dejo este código para que el subrayado de los links se vean con un degradado. a { position: relative; padding-bottom: 6px; } a:hover::after { content: “”; position: absolute; bottom: 2px; left: 0; height: 1px; width: 100%; background: #444; background: -webkit-gradient(linear, left top, right top, color-stop(0%,transparent), color-stop(50%,#444), color-stop(100%,transparent)); background: -webkit-linear-gradient(left, transparent 0%,#444 50%,transparent 100%);Sigue leyendo “Gradientes en el subrayado de los links”

Animaciónes reales utilizando JavaScript, CSS3 y HTML5 Video

Cuando estaba en la escuela para ser un animador 3D, leí un libro llamado “El tiempo para la animación”. Aunque sólo son 152 páginas, es fundamentalmente la biblia de la animación para cualquiera que quiera ser un gran animador. De hecho, el director creativo de Pixar John Lasseter usó la primera edición como referencia cuando él era un animador de Walt Disney Studios en la década de 80s…

Texto con Fade Out / Leer más

El texto se desvanece en la parte inferior y tiene un enlace “más …”. El texto con un fade out no es nada nuevo por aquí. Por ahí he tenido una demo, que utiliza un archivo PNG transparente colocado sobre el texto. Pero como esto es una idea un poco diferente y los tiempos-van-cambiando y además podemos ser un poco más progresistas con esta idea.

Trozos de codigo

A lo largo de mi vida como programador empírico he usado muchos códigos que gente generosa a compartido en la www. Sin embargo cuando quiero reutilizar el código no lo encuentro y de nuevo volver a buscar en la web. De ahí que empezaré a colocar esos trozos de código en este blog.