Los códigos más votados de HTML
Listado de los códigos más votados desde su publicación.
Código que muestra una lista de sitios o noticias con una pequeña descripción y su respectivo enlace, cuenta con las funciones pausa y continue, utilizando el menor código posible para su mejor entendimiento.
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.
Método simple para proteger el acceso a una web mediante el uso de un password.
Podremos realizar etiquetas muy buenas para nuestros encabezados....Facilmente!
Podremos crear fantasticos efectos de sombra, con muy pocas lineas de código.
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
Código que cambia el cursor dentro de la pagina o enlace. Probado con IE 6.
Código de un formulario donde se incluyen parámetros para personalizar la presentación.
Código de una página en la que podemos mostrar en una pequeña ventana una página web externa. Cuando el usuario decide, puede cargar (de forma normal) la página que ha previsualizado.
En este código podrás ver cómo hacer un aviso de advertencia solo con HTML y CSS.
En este código podás ver cómo hacer una página web que tiene un efecto PARALLAX solo con HTML y CSS.
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.
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.
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 muestra como cambiar el mensaje que muestra un cuadro de texto
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.
Código para añadir una web a favoritos con Firefox.
Simple tutorial que muestra de manera muy comentada la manera de arrastrar y soltar (Drag and Drop) elementos dentro del navegador.
Código que muestra mediante HTML5 y Javascript, como mostrar una barra de progreso.
Código que muestra como utilizar la propiedad contenteditable para permitir editar un párrafo de nuestra web.
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íesta es una simple pagina web para aquellos que lo necesiten.
En este código podrás ver como resultado el molde para una pequeña enciclopedia estilo Wikipedia.
Lenguajes usados:
HTML
CSS
JAVASCRIPT
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)
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]
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-ContrasteUna 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
Este código, redirecciona o actualiza una pagina automáticamente
Página que, además de mostrar la fecha del sistema, muestra al usuario el tiempo que ha permanecido en la página cuando la abandona.
