HTML5 Creador de botones online
ButtonMaker es una sencilla aplicación online que, mediante un entorno visual simple de entender, nos permite generar botones con sombras, degradados y bordes redondeados 100% con CSS3 y sin necesidad de escribir el código.
Los primeros tres sliders nos permiten… Ver más
Gráficos con HTML5 (flotr2)
Flotr2 es una modificación de Flotr, la librería original para crear gráficos que han conseguido mejorar con algo clave: ya no depende de un framework externo para funcionar.
Gracias a esto ahora la librería es más rápida, más sencilla,… Ver más
Menu Slider en CSS3
Este es un ejemplo de un menu con varios links hecho en html y usando algunas clases de CSS3.
HTML
CSS
Fuente: www.script-tutorials.com
HTML5: Ejemplo de Drag And Drop
Este es un ejemplo simple pero muy útil de como arrastrar y tirar objetos de un lugar a otro.
Ejemplo:
http://html5demos.com/drag
Codigo:
Fuente: http://html5demos.com/
Textos con efectos 3D hecho con CSS3
Este ejemplo nos permite crear texto en 3D, dando múltiples sombras gracias al uso de CSS3.
Funciona muy bien en casi todos los navegadores menos en IE como era de preveer, pero tenemos ciertos plug-ins disponibles en jQuery, como… Ver más
Selectores en JQuery
Cuando queremos programar en javascript más alla de escribir unas cuantas lineas, es conveniente usar un framework de desarrollo por varios motivos:
Cantidad de funciones escritas que nos ahorrarán mucho trabajo.
Podremos escribir menos código y más compacto.
… Ver más
Técnicas para CSS muy útiles – 1
Acá les dejo una serie de técnicas para CSS muy útiles
Trabajando con medidas relativas
Si queremos utilizar medidas relativas (em), para las tipografías de nuestros diseños, es bueno establecer el valor font-size del body a 62.5%. De esta forma… Ver más
Comparativa IE9 vs Chrome 10 vs Firefox 4 vs Opera 11.01 vs Safari 5
Tras el lanzamiento de Firefox 4 se completa el círculo con la última generación de navegadores web. Enfrentadas las últimas versiones de los más populares en pruebas de rendimiento Javascript, Chrome sigue en cabeza, Internet Explorer 9 de 64… Ver más
HTML5: Dibuja utilizando el tag Canvas y Javascript
Aca les dejo un codigo simple para dibujar un smile usando solo algunos pocos estilos, algo de javascirpt y un canvas.
Primero agregamos el agregamos en el tag “style”
Despues en el tag “script”
Y por ultimo el HTML
Y… Ver más
Texto con sombra en tu web con CSS: text-shadow
Otra de las propiedades que implementa CSS3 es text-shadow, gracias a la cual podremos aplicar un efecto de sombra a cualquier texto. Esta propiedad, que se propuso para las CSS2, no ha sido incorporada hasta ahora. La sombra del texto… Ver más