Programación a la mexicana.

Programar es realmente difícil, tal vez para muchos no pero para mi, reitero, es realmente difícil. Tal vez por que empece tarde en mi vida a programar, creo que a los 28 años, o por que nunca he estudiado programación en una escuela. No tengo título universitario y jamás nadie me enseño, me hubiera gustadoSigue leyendo “Programación a la mexicana.”

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”

¿Por qué usar las clases o los IDs en los elementos HTML?

El lector Nicolás escribió:

Veo con frecuencia las especificaciones “id” y “class” para los elementos y . Tengo la curiosidad de ¿por qué se debe hacerse así? Si los elementos son únicos para cualquier de esos elementos, entonces ¿por qué no se especifica el body o HTML en el CSS?

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.

CSS3 Que hay de nuevo

Bordes redondeados Para Mozilla Firefox utilizmamos el siguiente código. -moz-border-radius: 10px; Para Safarí y Chrome: -webkit-border-radius: 10px; Y para Internet Explorer 9 Beta: border-radius: 10px; El código anterior redondea las cuatro esquinas y si solo se quiere redondear algunas de ellas se usa el siguiente código. border-radius: 10px 0px 10px 0px; Sombras box-shadow: 5px 5pxSigue leyendo “CSS3 Que hay de nuevo”