HTML5 y CSS3

HTML5 y CSS3

Publicado Por | 03 septiembre , 2013 | Blog Adrenalina, Diseño web | 2 Comments
HTML5 Y CSS3

El HTML5 (HyperText Markup Language, vesión 5) viene a ser la 5ta. revisión del lenguaje básico “HTML”. En este artículo trataremos sobre las maravillas que podemos lograr utilizando HTML5 y CSS3 en conjunto.

El HTML5 ofrece a los desarrolladores de páginas web, la semántica (Oh Yes!). Nuevas reglas y códigos, para efectos visuales, vídeos, animaciones y películas, así como un soporte web más dinámico. Gracias a Ajax el estado “onpop” ahora también lo tiene HTML5.

Además, si utilizamos el HTML5 en el modo “onpop” nos permite a los diseñadores y desarrolladores web, decicir la URL del browser o navegador, sin que tengamos que recargar la página. Sencillo, pero muy interesante y potente.

Con esta opción, nos permite a los webmasters, desarrolladores y diseñadores web, crear sitios web en los cuales se navega de contenido a contenido, y no de página en página, evitando que se vuelvan a cargar marcos en cada navegación de un contenido a otro.

Con esto se ahorra valiosas peticiones http, y los contenidos y documentos se muestran a una mayor velocidad. A nivel técnico ayuda y mucho al posicionamiento SEO, ya que la velocidad de carga de las páginas se reduce de manera impresionante.

Actualmente todos los motores de búsqueda, en especial el rey de los buscadores, Google, son capaces de rastrear estos tipos de páginas y sus contenidos con normalidad.
En cuanto al CSS, son las encargadas de dar formato y estilo a los sitios web escritos en HTML y sus diversas variantes.

El CCS3, es una de las últimas versiones de hojas de estilo en cascada o (Cascading Style Sheets), que nos permite diseñar páginas web con animaciones y añadir una gran cantidad de elementos estéticos, sin afectar la velocidad de carga de las páginas.

Lograr efectos que antes sólo se conseguían con photoshop u otros programas gráficos, ahora es posible co CSS3. Tales como cajas con sombras, degradados, entre una variedad de recursos. Actualmente es muy posible la inclusión de filtros y técnicas logradas por un diseñador web utilizando herramientas como photoshop e incluso en 3D.

Ejemplos de Webs con HTML5 y CSS3

Ejemplos de Webs con HTML5 y CSS3

Una presentación interesante sobre este tema, la podemos ver en el siguiente enlace de slideshare:
“Conoce HTML5 y CSS3”- http://www.slideshare.net/Martulina/conoce-html5-y-css3-6893390

En resumen, HTML5 y CSS3 nos permite diseñar y desarrollar sitios web más accesibles, más interactivos y más atractivos gráficamente, y acorde a los estándares actuales de la W3C.

Autor: Carlos

Proyectos Web & SEO en Adrenalina.es

  • Eduard Fernández

    Buenas Carlos,

    A ver cuando sale la especificación definitiva y desde la W3C el validador deja de estar en fase experimental.

    Por otro lado comentarte que has puesto “regargar” en lugar de “recargar” cuando hablas de los onpop.

    Un saludo!

  • Carlos Rodríguez

    Buenas Eduard! Gracias por comentar!

    Si bien está aún en fase experimental, cada vez hay más sitios web y aplicaciones desarrollados con esta tecnología, además de cursos y talleres sobre HTML5/CC3.

    Tenemos en cuenta que tienen una gran compatibilidad con los móviles y tabletas, y los navegadores cada día se actualizan para adaptarse a esta tecnología, por lo cual todo debe llegar. 🙂

    En la web de W3C España, podemos enterarnos de cursos, noticias y novedades del día:
    http://www.w3c.es/Noticias/

    Saludos cordiales,
    Carlos

    PD: Gracias! La palabra recargar está ahora corregida! 😉

Estudiamos y analizamos su negocio en profundidad, definimos objetivos y planteamos la estrategia de marketing más adecuada centrándonos en conseguir cada uno de los objetivos propuestos. Solicita Presupuesto Ahora

Uso de cookies

En este sitio web utilizamos cookies propias y de terceros para mejorar nuestros servicios, para que usted tenga la mejor experiencia de usuario y analizar su visita. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.