Los códigos más visitados de HTML

Hacer Calculadora HTML y CSS
Ver la calculadora funcionando http://internetedadinero.com/calculadora-html/calculadora.html.
Mas info y descargar archivos: http://internetedadinero.com/hacer-una-calculadora-en-html/

Login hecho en html con css

Style que permite cambiar el tipo de borde en una tabla.

Código que muestra como implementar la API de Google maps para mostrar un mapa en nuestra web, colocar una marca y poner un popup encima de nuestra marca.

Este código muestra como utilizando canvas, se puede realizar el juego de la serpiente, donde hay que ir moviendo la serpiente con las teclas para ir comiéndose las fichas. Por cada ficha que se come, la serpiente es un poco mas larga.

Código que muestra como utilizar diferentes tipos de fuentes, ya sean archivos con extensión .ttf, .otf o .eot, y alguna de las 600 fuentes libres de google.

Este código, redirecciona o actualiza una pagina automáticamente

El siguiente código permite obtener las coordenadas de la ubicación de un sitio para poder ser mostrado y personalizado mediante geolocalización
Lo primero que hay que hacer es introducir la dirección del sitio que queremos mostrar en nuestro mapa ,nos devolverá las coordenadas ,cambiamos las que mostramos al igual que los datos mostrados en el tooltip , podemos aumentar o disminuir el zoom de visualización del mapa

Ejemplo para comprobar que los datos introducidos en los campos de un formulario son correctos.
Esto es posible gracias al atributo "pattern" incluido en HTML5 para algunas etiquetas tipo "input". El atributo utiliza expresiones regulares para comprobar el valor del "input" correspondiente.

Es compatible con las últimas versiones de algunos Navegadores Web.
No está probado en todas las plataformas, dispositivos, etc.
Es una de tantas posibilidades que ofrece HTML5.

Espero sea útil.

Un saludo

Este es un menu en donde al poner el cursor el elemento gira ya tambien responsive

Responsive



espero les sirva en algo, gracias a todos, no olviden dejar sus comentarios o sugerencias.
Y visiten mi blog
www.elgatocoder.com

Una Web 2.0 basada en HTML y CSS compatible.

Un efecto Parallax y Reveal para presentar todos los contenidos desplazando la barra de Scroll.
La estructura es ampliable, adaptable, compatible con cualquier pantalla y/o dispositivo.
La respuesta del Sitio es ágil y rápida con imágenes optimizadas.

Un Saludo

Crearemos cualquier texto en 3d para nuestra Página Web!

Este código sirve para crear una página WEB para mostrar una pantalla con una tabla de 3 columnas y 3 filas, colocando imágenes.

Código que muestra como hacer una mapa interactivo de españa, donde al pasar el ratón por encima de las comunidades, se marca la comunidad y muestra su nombre.
Se utiliza css y jquery.

Puedes ver un ejemplo aquí aquí

Podremos crear fantasticos efectos de sombra, con muy pocas lineas de código.

Código que cambia el cursor dentro de la pagina o enlace. Probado con IE 6.

Código para establecer la pagina de inicio del navegador.

Hola! soy nuevo y les vengo con una plantilla basica para algun negocio con ven en las imagenes cuenta con menu adaptable a cualquier tipo de pantalla como escritorio,tablet y celular :)

Espero y les guste :)

solo es la version demo ( si quieren la plantilla completa con el php y etc comente porfavor )
version pc



version movil

Página sencilla HTML en la que podemos ver los códigos de cada elemento de nuestro teclado.

Útil para cuando, en programación, queremos bloquear o comprobar la tecla que pulsa el usuario.

Funciona tanto en local como en web

Los Key Code que se describen en el código no son todos los que puede solucionar.
v.gr,: los números en el teclado ordinario y en el numérico, punto (como decimal y ortográfica, guión y signo menos ...).

Código que muestra como reproducir un fichero MP3 en una web con el reproductor Windows Media.
Unicamente funciona en Internet Explorer.

Este código simula el efecto de la matrix a pantalla completa con ayuda de imágenes.

Hola Amigos esta vez les traigo una forma de contacto/contact form en html5 y css3 responsive, si me sobra un poco de tiempo en unos dias subire la version en php 5.4



Espero les sirva en algo no olviden dejar sus comentarios y seguirnos en facebook.
o a mi personal facebook :
https://www.facebook.com/profile.php?id=100008039956214

Código de autentificación para entrar en una página web. Se le requiere un password correcto al usuario para poder visualizar una determinada página.

Menú Bootstrap configurable referente al color.

Resumen:

Muchas veces necesitamos tener una barra de navegación (navbar), diferente al color por defecto o al color inverso.

En ese caso utilizamos google para buscar soluciones. En mi caso, encontré algunas pero siempre me parecían muy complicadas; así que después de algún tiempo estudiando llegue a esta barra.



Espero sea de su utilidad y les ayude a aclarar un poco el tema.

http://www.msa.com.ve/bootstrap/menuVer aplicación funcionado.

Y con el permiso de autor de este vídeo, me permito recomendarlo:

https://www.youtube.com/watch?v=fdKuLhkCnkI&index=30&list=PLhSj3UTs2_yWTKvu1Aq3xUhzIJNBZ3MFW


Ver https://github.com/riveroreyes/Men-Bootstrap

Código de un formulario donde se incluyen parámetros para personalizar la presentación.

Código que muestra una marquesina de contenidos con su respectivo resumen y se detiene al pasar el mouse sobre el.
Probado con IE, Firefox y Konqueror

Código de ejemplo que muestra como mostrar google maps en nuestra página web.
Nos permite indicar una imagen para la marca y un popup con el texto que deseamos en la posición que nosotros indiquemos. Se utiliza la API v3 de google maps.