HTML

Las mejores mockup y wireframe tools

Las mejores herramientas para wireframes y mockups online

Los diseñadores y los desarrolladores web tienen un largo camino por recorrer para lograr que un proyecto web adquiera la apariencia que ven sus usuarios finales. Partiendo de la primera idea y hasta la creación del producto final se tienen que tomar muchas decisiones, hacer muchos planes y, en determinadas circunstancias, volver a empezar de cero. Los mockups y los wireframes son, a este...

Tutorial Bootstrap: los primeros pasos

Tutorial Bootstrap: primeros pasos con el framework de Twitter

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...

Tutorial: marcado con JSON-LD según schema.org

Marcado con JSON-LD según schema.org

JSON-LD permite a los programadores integrar metadatos como un script separado del contenido web en el popular formato JSON. Esta separación de lenguaje HTML y marcado semántico asegura una mayor legibilidad del código fuente, así como también hace más cómodo el etiquetado de metadatos para contenidos dinámicos. Todo esto convierte al formato más actual de estructuración de datos en un competidor...

¿Qué es un Static site generator?

Static site generators: creación de proyectos web minimalistas

Actualmente, todos aquellos que quieran crear una página web pueden recurrir a diversas herramientas. Las más populares son los page builders y los sistemas de gestión de contenidos, que permiten implementar todas las funciones importantes sin que los usuarios tengan amplios conocimientos sobre HTML. Con todo, a menudo estas aplicaciones son demasiado complejas y requieren muchos recursos, por lo...

Los meta tags más importantes y su función

Los meta tags más importantes

Los meta tags son usados por los administradores de páginas web para introducir metadatos en archivos HTML. Esta información codificada interactúa con navegadores y motores de búsqueda, encargándose de que las páginas web puedan ser encontradas y consultadas. Pero ¿cuáles son los metaelementos verdaderamente necesarios para mejorar el procesamiento de las webs por parte de crawlers y navegadores?...

Gestiona la indexación de tu sitio con robots.txt

Cómo gestionar la indexación de una web con robots.txt

El archivo robots.txt permite a los webmasters influir en la indexación de sus proyectos. Para gestionar el rastreo de las webs por parte de los robots de los buscadores, este anida en la raíz del dominio, se suma a otras herramientas como las etiquetas meta de HTML, las redirecciones o el canonical tag. Ahora bien, ¿cómo puede hacerse esto? En este tutorial detallamos las funciones de un...

Tendencias de diseño: one page design

Diseño one page: todo menos unilateral

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...

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

Conceptos básicos de diseño web: crear una galería 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...

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

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.

Tutorial: marcado con microdatos según Schema.org

Cómo marcar con microdatos según schema.org

Los microdatos constituyen una metasintaxis sencilla y flexible para el marcado semántico de los contenidos web. La aplicación de un repertorio unificado de microdatos según el estándar de schema.org garantiza la compatibilidad con la mayoría de navegadores y con los crawlers de los buscadores más populares, lo que permite a desarrolladores y administradores web sacar el máximo provecho de las...


Porque la unión hace la fuerza. En IONOS
#estamoscontigo
y por eso que queremos ayudarte a seguir impulsando
tu negocio. Diseña la tienda de tus sueños con:

eCommerce
Gratis durante los primeros 3 meses.