HTML5, CSS3 y Un Poco Más

En este ejemplo se presenta la pagina de inicio de un sitio web, incluye todo el codigo para que pueda funcionar correctamente, muy util si quieres aprender de una manera practica o si tu profesor se puso loco y te pidio algo de un dia para otro. Saludos. Imagen de Muestra Descargar Página contraseña: jwebmx.blogspot.mx cada tipografía tienen sus propios contratos de licencia, y la fuente utlizada tambien los posee.

En esta Entrada se muestra como hacer un banner sumanente sencillo para nuestra pagina web, solo con HTML5 y CSS3, especificamente con la regla "@keyframes", la cual nos permite controlar paso a paso la secuencia de animación de un objeto en un tiempo determinado. Para utilizar los keyframes, se crea una regla de @keyframes con un nombre que es utilizada por la propiedad 'animation' para que coincida con una animación de keyframe, en el caso del nuestro ejemplo las reglas la nombraremos "banner1 y banner11", para controlar dos animaciones simultaneamente, algunas de las propiedades de las keyframes son los que se muestran en la siguiente tabla. animation-name Especifica el nombre del fotograma clave que desea enlazar con el selector animation-duration Especifica cuántos segundos o milisegundos una animación tarda en comp

Introducción a pseudoclases CSS3 Buen día el ejemplo de hoy es un formulario con algunas variaciones las cuales son posibles gracias a los nuevos estándares en la presentación de datos (HTML5) y de diseño de los mismo (CSS3) los cuales son producidos por la w3c, hoy en día HTML5 y CSS3 ya no son los simples lenguajes que conocimos en sus versiones anteriores, actualmente están orientados a mejorar la interacción entre los usuarios, el navegador web y los datos que con ayuda del navegador podemos manipular, HTML5 presenta diferentes API´s con las cuales podemos tatuar directamente nuestra página con dibujos en 2D, incluir audio y video sin la necesidad de lenguajes script, manejar la geo localización, tener la posibilidad de arrastrar y soltar archivos, comunicación interna con datos almacenados en el navegador, etc. Así mismo para esta la tercera versión de la hojas de estilo se han generado diversas pseudo clases para poder interactuar con las etiquetas dentro de los documentos b

Elementos Form Nuevos Elementos en el Formulario para la Entrada de Datos < datalist > La Lista de datos "datalist" es un nuevo elemento de HTML5 en el cual se pueden especificar opciones de manera predeterminada lo cual permite autoacompletar el texto que se esta escribiendo. Ejemplo :    Codigo: < input type="date" > HTML5 actualmente ya nos permite manejar fechas de una manera mucho mas facil ya que este nuevo estandar maneja un tipo de elemento para entrada de fechas sin la necesidad de que tengamos nosostros que comprobar si la fecha es correcta. Ejemplo :    Selecciona la fecha de tu Nacimiento :  Codigo: < input type="email" > Este tipo de entrada tambien es muy util, y supongo que te puedes imaginar que tipo de dato es el encargado de comprobar y aceptar, bueno si aun no lo imaginas pratica con el. Ejemplo :    E-mail :    Codigo: < input type="numbe