Los códigos más visitados de HTML
Listado de los códigos más visitados durante los últimos 30 días
Generador de Código QR.
<h2 id="hora"></h2>
<script>
setInterval(()=>{
hora.innerHTML = new Date().toLocaleString();
},1000);
</script>
En este código podrás ver cómo hacer una carta de amor ANIMADA solo con HTML y CSS.
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
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)
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.
Cordial saludo.
El presente código fuente trata de Html, desde lo básico hasta el manejo de formularios, manejo de tablas, manejo de frames (ojo ya no se usan, pero por tratarse de enseñanza se ejemplarizan).
Finalmente se aplica el uso de formularios con tablas, es un concepto fui facil de aprender, para luego aplicarlo a sus necesidades. Con base a todo lo anterior, podrá seguir estudiando CSS el cual complementa el Html, y en un futuro muy cercano estudiar Html5 y CSS3.
Recuerden que en Internet existen muchos recursos presentados en muchos formatos para estudiar para aprender. "La vida es muy corta... vívela al máximo, como si fuera tu último día..."
Gracias,
Oswaldo Serrano
[email protected]
Código que muestra mediante HTML5 y Javascript, como mostrar una barra de progreso.
La accesibilidad web es fundamental y muy significativa para quienes cuentan con alguna discapacidad y ¡Vaya! que hace feliz un modo noche. Pues hoy crearemos un
Selector de Contraste o
modo Claro/Oscuro. Con él mejoraremos, ademas de la experiencia de usuario, nuestras habilidades entendiendo un poco mas de
LocalStorage, haciendo así de la web un lugar mejor.
Si quieres la información explicada o sumar ideas,
El post completo está en
https://blob.cl/blog/post/crea-un-modo-de-contraste.
Puedes colaborar desde el git en
https://github.com/lowpez/Accesibilidad-Color-y-Contrastehttps://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.
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.
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.
Login hecho en html con css
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.
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 ...).
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 días subiré la versión en php 5.4
En este código podrás ver cómo hacer el FRONTEND de un login con HTML y CSS.
Utilización de una hoja de estilo en una página web para que un texto se visualice en el navegador pero no pueda imprimirse.
Este código muestra como cambiar el mensaje que muestra un cuadro de texto
En este código podás ver cómo hacer una página web que tiene un efecto PARALLAX solo con HTML y CSS.
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íEn este código podrás ver cómo hacer un aviso de advertencia solo con HTML y CSS.
Esta página sirve para generar los metatags más habituales para una página web. A partir del contenido del formulario genera el código html para incluir.
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
Código que muestra los tipos de campos que se pueden solicitar en HTML5.
También contiene una función en JavaScript para poder mostrar el tipo de campo, su nombre y su valor.
Típico juego de piedra, papel o tijeras en html
Este código simula el efecto de la matrix a pantalla completa con ayuda de imágenes.
Código para establecer la pagina de inicio del navegador.
Crear cuenta
