HTML

HTML 5.1: los rasgos más destacados del nuevo HTML

Ha pasado mucho tiempo hasta que el anhelado HTML5 viera la luz en otoño de 2014 y ahora, con HTML 5.1, se ha puesto a disposición la primera actualización del estándar web. A este respecto se han dado numerosos cambios, entre los que destaca la adaptación sencilla al diseño web responsivo. Sin embargo, a estos se suman diversas novedades en HTML, como el hecho de que algunos elementos y atributos hayan pasado a formar parte de la “lista negra”. [...]  

HTML5 vs. Flash: Chrome y Flash ya no se entienden

Flash no gustaba y con razón. Sus vulnerabilidades en seguridad, sus fallos de programación y sus problemas de estabilidad le situaban constantemente en medio de acalorados debates sobre seguridad y, sin embargo, hasta el día de hoy, en que somos testimonios de la caída de su soberanía, Flash ha sido considerado durante años el estándar de facto para diseñar animaciones. Desde su quinta versión, HTML ofrece funciones para contenido multimedia, lo que convierte al formato Flash en una opción prescindible. Siguiendo a Apple, Google también se despide de esta superada tecnología, sumándose a otros intentos pasados de desterrarla de la web. Descubre por qué esta vez puede ser la definitiva. [...]  

Tendencias de diseño: one page design

Las llamadas “one pager” son la nueva tendencia del diseño web. Cada vez más empresas se decantan por el diseño one page para la presentación de sus productos, campañas o proyectos. Así, gracias a innovadores elementos de desplazamiento y navegación, el usuario puede desplazarse por todo el contenido sin salir de una única página HTML. Estas webs minimalistas dedican grandes esfuerzos al storytelling y a la creación de una experiencia de usuario intuitiva –sin embargo, estas solo resultan adecuadas para ciertos tipos de contenido que te mostraremos en esta guía. [...]  

Mockup y wireframe, una comparación directa

A menudo, el camino a recorrer desde la concepción de una idea hasta el producto final suele ser largo y tedioso, algo que también se aplica al desarrollo web de una página o de una aplicación. Uno de los pasos cruciales para poner en práctica el concepto previsto es la visualización de las ideas de diseño, estructura y funcionalidad. La maquetación web, principalmente a través de mockups y wireframes, juega un papel fundamental durante todo el proceso. Descubre por qué en nuestra guía. [...]  

Consejos para insertar un vídeo en HTML en tu web

HTML5 hace que la integración de contenido multimedia en una web sea una tarea fácil y rápida. La última versión del lenguaje de marcado define el elemento <video> y sus respectivos atributos de programación de manera muy sencilla. Otra de las alternativas para integrar vídeos la ofrecen plataformas como YouTube o Vimeo. Visita nuestra guía y consigue más información al respecto. [...]  

Cómo crear galerías de imágenes en HTML

Los contenidos multimedia son el motor de Internet. Independientemente de si se trata de imágenes, GIF o videos, sin el estímulo visual, muchas páginas web y tiendas online solo estarían compuestas de meras compilaciones de textos. Un clásico para presentar gráficos e imágenes a los visitantes de las páginas web son las galerías de imágenes. Lightbox permite implementar galerías de manera sencilla por medio de HTML, pero si te decantas por un CMS, puedes recurrir a numerosos plugins y extensiones para ofrecer galerías de imágenes que realmente llamen la atención. [...]  

Tutorial Bootstrap: los primeros pasos

En el mundo online, Bootstrap es una de las favoritas cuando se trata de elegir una solución de diseño responsivo para un proyecto web. Sin embargo, ¿qué es realmente Bootstrap? ¿Cómo funciona este framework de Twitter que fue pensado inicialmente como una herramienta de optimización interna? ¿Es posible que usuarios sin muchos conocimientos en programación le saquen el mayor provecho a este framework? [...]  

Aprender a programar: introducción y conceptos básicos

Bienvenidos a la era digital: un consumidor medio pasa varias horas sentado frente a su ordenador o revisando la pantalla de su smartphone. Contar con conocimientos adicionales sobre el funcionamiento de los programas que utilizamos a diario y, que muchas veces facilitan nuestro día a día, nunca está de más. Afortunadamente, la oferta de recursos para aprender a programar es cada vez más amplia. Hemos seleccionado algunas plataformas de cursos, vídeo tutoriales y comunidades online que serán de gran ayuda a la hora de aproximarse a HTML, C++ y PHP. [...]  

Cómo integrar una barra de búsqueda en tu página web

La usabilidad de una página web depende, en gran medida, de la rapidez con que los usuarios encuentran la información más relevante o que más les interesa. Por ello, poder buscar en una web por medio de palabras clave forma parte de las funciones básicas que hay que ofrecer a los lectores. Te mostramos cómo integrar una barra de búsqueda en tu propio proyecto. [...]  

El mejor navegador: características y funciones

¿Google Chrome, Mozilla Firefox, Apple Safari, Opera o el tradicional Internet Explorer? La respuesta a la pregunta de cuál es el mejor navegador ha sido un tema de discusión entre la comunidad de usuarios de Internet desde hace años. Ahora bien, ¿qué es un navegador? O, ¿existe alguno que supere a la competencia en todos los aspectos y pueda ser proclamado como el mejor navegador de forma absoluta? [...]