Los códigos más visitados de HTML
Listado de los códigos más visitados durante los últimos 30 días
En este código podrás ver cómo hacer una carta de amor ANIMADA solo con HTML y CSS.
Juego del 3 en raya
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.
Típico juego de piedra, papel o tijeras en html
Login hecho en html con css
Este programa requiere conocimientos de HTML, CSS y JS. Permite generar un código QR a partir de cualquier texto o enlace que se le introduzca
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
Este código muestra como cambiar el mensaje que muestra un cuadro de texto
Style que permite cambiar el tipo de borde en una tabla.
Se basa en la aplicación de la API de animaciones de javascript API ANIMATE.
En este caso se trata de un muñeco, Corredor lo llamo, que hace eso, correr.
Pero ademas puedes interactuar con el con una serie de inputs range, para darle mas o menos velocidad a cada parte de su cuerpo, y hasta lo puedes hacer como bailar.
En este código podrás ver cómo hacer el FRONTEND de un login con HTML y CSS.
Este es un menú en donde al poner el cursor el elemento gira ya también responsive
espero les sirva en algo, gracias a todos, no olviden dejar sus comentarios o sugerencias.
Este código simula el efecto de la matrix a pantalla completa con ayuda de imágenes.
Reproductor de musica que permite escuchar archivos mp3, mid, wav, rmi, ....
Funciona en IE 5.5 o posteriores.
En este código podás ver cómo hacer una página web que tiene un efecto PARALLAX solo con HTML y CSS.
Página que sirve para generar el codigo correspondiente a una marquesina (texto desplazándose) ya sea para poner dentro de la página, la barra de estado o la barra del titulo.
En este código podrás ver cómo hacer una esfera del dragón de la serie "Dragon ball"
solo con HTML y CSS.
En este código podrás ver cómo hacer 3 botones interactivos los cuales activan una sombra de neón cuando colocas el cursor sobre alguno de ellos.
(No responsive)
https://github.com/nob322/WebHtml5Css3Js-1
Les comparto el código completo para que se lo clonen, ideal para quienes están aprendiendo a crear sitios web, implementé un par de librerías de js muy potentes.
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.
Y con el permiso de autor de este vídeo, me permito recomendarlo:
Saludos,
Web 2.0 es un proyecto creado desde cero con unos 6Kb. Se caracteriza por ser muy flexible, adaptable con mínimos cambios en el código. No depende de librerías de nigún tipo, es 100% Código Nativo Compatible.
Tiene múltiples y variadas aplicaciones: Web Personal, Portafolio para Fotógrafos, Arquitectos, Diseñadores, Freelancers, etc...
Espero sea útil.
Crearemos cualquier texto en 3d para nuestra Página Web!
Este código, redirecciona o actualiza una pagina automáticamente
En este código podrás ver cómo hacer un aviso de advertencia solo con HTML y CSS.
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.
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
Podremos realizar etiquetas muy buenas para nuestros encabezados....Facilmente!
esta es una simple pagina web para aquellos que lo necesiten.