Estás aquí

Autor: BlogUneWeb

Conoce sobre los tags de Estructura de la página

BlogUneWeb

 En HTML5 existen tags específicos para marcar varios elementos en la estructura de una página: <header></header>: Para marcar el encabezado. <nav></nav>: Para marcar la sección de navegación de la página web. <section></section>: Permite marcar diferentes secciones dentro de la página, que pueden ser anidadas una dentro de otra. <aside></aside>: Se puede utilizar para marcar una zona que, si bien forma parte del contenido principal de la página, es una exclusión a este y tiene sentido propio. <footer></footer>: Se utiliza para marcar el pie de página.  Este es un ejemplo de código HTML…

Leer más

Aprende cómo hacer un formulario con Validaciones

BlogUneWeb

En este tutorial crearemos un formulario con validaciones en varios de los campos y estilo usando HTML5 y CSS3. Si bien el formulario no será funcional, ya estará listo para aplicarle código serverside y manipular sus datos. Lo primero que haremos es crear el HTML básico de nuestra página. Crearemos la forma y le agregaremos varios fieldsets. Este es el código: <!doctype html> <html> <head> <title>Formulario HTML5 y CSS3</title> </head> <body> <form id=»orderForm» action=»» method=»get»> <h3>Formulario de Compra</h3> <fieldset> <legend>Orden</legend> <ul> </ul> </fieldset> <fieldset> <legend>Datos de Contacto</legend> <ul> </ul> </fieldset> <fieldset> <legend>Datos de pago</legend>…

Leer más

Degradados lineales con repetición con CSS3

BlogUneWeb

En este estudio profundo de los degradados de color en CSS3 ahora vamos a tratar de explicar los degradados con repetición, que se pueden hacer para conseguir un degradado entre dos o más colores que se repite varias veces a lo largo de todo el fondo del elemento al que se le coloque. Los degradados con repetición se realizan de manera similar a los que vimos al tratar los degradados lineares normales. La diferencia es que utilizaremos el nombre de atributo repeating-linear-gradient y que, para que se produzcan las repeticiones tendremos que utilizar…

Leer más

Degradados con CSS 3

BlogUneWeb

Los degradados son uno de los recursos que utilizan los diseñadores para decorar las webs y la verdad es que dan mucho juego para mejorar el aspecto de la página. No obstante, hasta la llegada de CSS 3, también tenían una desventaja importante, ya que para implementarlos necesitábamos usar imágenes como fondo de los elementos. Ello tiene algunas desventajas, como una mayor carga de peso en la página y la necesidad de fabricar los archivos gráficos con un programa de diseño, con la molestia adicional que necesitaríamos usar de nuevo…

Leer más

Textos multi-columna con CSS 3

BlogUneWeb

En este artículo vamos a tratar sobre las nuevas características de CSS para maquetación automática de textos en columnas, que se encontrarán disponibles cuando CSS 3 se implemente finalmente en los navegadores. Aunque todo esto no pase de un estado experimental, lo cierto es que ya podemos empezar a probarlo y utilizar en navegadores modernos, como muchas de las nuevas posibilidades que estamos comentando sobre CSS 3 Numerosas publicaciones maquetan el texto en diversas columnas, como criterio de diseño y para facilitar la lectura. Podríamos imaginarnos el texto de los periódicos…

Leer más

Resplandor exterior con CSS3

BlogUneWeb

La propiedad box-shadow, que sirve para producir una sombra en un contenedor, por medio de CSS. Es una de esas propiedades que vienen como novedad en la tercera especificación de CSS y que nos vendrán como anillo al dedo para conseguir ciertos efectos que antes sólo podíamos emular mediante el uso de imágenes semi-transparentes por canal alpha. Así pues, lo que antes era un verdadero engorro y peso adicional innecesario para nuestras páginas, ahora se puede hacer con unas sencillas propiedades de CSS 3. Como decíamos, ya explicamos la propiedad box-shadow de CSS 3 y…

Leer más

Colores RGBA y su especificación en hojas de Estilo en Cascada CSS 3

BlogUneWeb

Como sabemos, los colores en HTML se expresan en valores RGB, igual que en CSS, que admite diversas notaciones para definir el color, a través de números en hexadecimal e incluso en decimal. Todo esto suponemos no será un misterio para los lectores, que sin duda habrán experimentado con CSS y probablemente estén familiarizados con las distintas notaciones para especificar color en las hojas de estilo. Ahora queremos hablar de una nueva notación, que no es simplemente una manera nueva de expresar lo mismo, sino una que nos permite definir…

Leer más

Aprende cómo crear imágenes responsive con html5

BlogUneWeb

El nuevo elemento <picture> de HTML5 permite describir con todo detalle cómo deben cargarse las imágenes de tu sitio web. Ya no serán necesarios los hacks de CSS o JavaScript para gestionar las imágenes responsive de los diseños web. Además, los usuarios se aprovecharán de las ventajas de cargar solamente las imágenes optimizadas para el dispositivo que están utilizando, lo que es especialmente útil para usuarios con móviles y conexiones lentas a Internet. Al margen de los nuevos atributos srcset y sizes definidos recientemente para los elementos <img>, el nuevo elemento<picture> permite una mayor flexibilidad al especificar qué imágenes utiliza…

Leer más

Inscripciones abiertas 05 de Octubre

BlogUneWeb, ,

Inscripciones Abiertas el lunes 05 de OCTUBRE El lune 05 de Octubre: Inscripciones abiertas, Diplomado de Programación,  Diseño Digital, Integración Web y Mercadeo  Inscripciones abiertas.  CLASES PRESENCIALES: Mañana  9am a 12m Lunes a Viernes de 9am a 12m:  Jquery Lunes a Viernes de 9am a 12m:  Mysql Lunes a Viernes de 9am a 12m:  Photoshop nivel 1 Lunes a Viernes de 9am a 12m:  Android nivel 4 Tarde 2pm a 5pm Lunes a Viernes de 2pm a 5pm:  Flash Lunes a Viernes de 2pm a 5pm:  Illustrator nivel 1 Lunes a…

Leer más

Las nuevas cadenas de texto de JavaScript

BlogUneWeb

Las cadenas de texto de JavaScript han sido desde siempre muy limitadas, sobre todo comparadas con las cadenas de lenguajes como PHP, Python o Ruby. Las Template Strings del estándar EcmaScript 6 (que están disponibles a partir de Google Chrome 41) eliminan todas estas limitaciones y permiten incluso definir DSLs (domain-specific languages) en tus aplicaciones JavaScript. Las principales funcionalidades que aportan las Template Strings son: Interpolación de cadenas. Posibilidad de incluir (y evaluar) expresiones dentro de cadenas. Definición de cadenas de texto en varias líneas sin tener que usar hacks. Formatear cadenas de manera avanzada.…

Leer más