Páginas web

Tipografía responsiva: elige la fuente más adecuada para tu web

La gran oferta de fuentes y familias tipográficas en Internet es cada vez mayor, incluyendo aquellas de código abierto que pueden ser descargadas de forma gratuita. La mayoría de estas fuentes web son adaptables, lo que las hace perfectas para su implementación en páginas web responsivas, es decir, aquellas que adaptan su visualización a diferentes dispositivos. Conoce algunas de las plataformas que ofrecen tipografías responsivas que pueden ser implementadas con un par de comandos CSS. [...]  

Tipografía para el diseño responsivo con CSS

A menudo, se subestima a la tipografía web como parte fundamental del diseño responsivo de páginas web, a pesar de que la creación de fuentes adaptables no es ninguna ciencia inaccesible. ¿Cómo se aplican en la práctica? Y ¿qué fuentes web son las mejores para un diseño web responsivo? Te mostramos los aspectos técnicos fundamentales para la implementación de tipografía con CSS en una web responsiva. [...]  

Vectores gratis y otros recursos gráficos en Internet

Para un diseñador web nunca está de más disponer de atractivos gráficos, iconos y fondos para modificar o personalizar una página web. Actualmente, existen cientos de plataformas en Internet con una gran oferta de gráficos online y vectores gratis que pueden ser utilizados siempre y cuando se reconozca su autor. Asimismo, existen opciones de pago para quienes no quieran preocuparse por hacer un uso indebido de cualquier tipo de recursos gráficos. Te presentamos algunas sugerencias en cuanto a proveedores, sus características y tipos de licencias. [...]  

Icon fonts: diseño web con pictogramas vectoriales

Las icon fonts permiten integrar pictogramas vectoriales en una página web. A diferencia de los tradicionales gráficos en mapa de bits, los iconos vectoriales tienen la ventaja de ser escalables sin perder su calidad. Además, la integración a través de CSS (Cascading Style Sheets) ofrece amplias y sencillas posibilidades de configuración dentro del mismo código fuente. Por otro lado, muchos proyectos de código abierto ofrecen librerías de iconos vectoriales gratis y sin limitaciones para su uso con fines comerciales. [...]  

Cómo integrar una icon font en un documento HTML

En general, los iconos se integran en HTML por medio de clases CSS y este principio puede visualizarse en una de las fuentes de icon fonts más utilizadas, es decir, Font Awesome. Esta contiene más de 600 pictogramas vectoriales y está concebida como una fuente de código abierto que llama la atención por su manejo sencillo y por las actualizaciones regulares. El pack de instalación contiene un archivo CSS ya configurado que simplifica el proceso de integración de icon fonts considerablemente. Si quieres saber más, échale un vistazo a nuestra guía. [...]  

Imágenes gratis en Internet: cómo usarlas correctamente

Las imágenes mejoran el aspecto tanto de blogs privados como de páginas web comerciales. En Internet se pueden encontrar una gran variedad de páginas web que ofrecen fotos y diseños, aunque estos deben estar sujetos a licencias para que las imágenes puedan utilizarse libremente. En esta guía te ofrecemos los aspectos más relevantes que hay que tener en cuenta en lo que concierne a la búsqueda de imágenes gratis. [...]  

Mobile First: el enfoque actual del diseño web móvil

¿Sustituirán por completo los smartphones y tablets a los ordenadores en un futuro? Diversos factores indican que así será, incluso tomando como fundamento el volumen de búsquedas móviles de Google. La estrategia Mobile First se posiciona como una forma de desarrollo y optimización de páginas web para dispositivos móviles. Un diseño sencillo y dinámico no solo garantizará la satisfacción de los usuarios, sino que también influirá en el posicionamiento de una web en los buscadores. [...]  

Consejero 1&1: información sobre páginas web

Hoy en día, el ámbito del diseño de páginas web ofrece innumerables posibilidades para elaborar páginas en función de los intereses individuales. La categoría “páginas web” de 1&1 Digital Guide ofrece información detallada para crear, administrar y optimizar páginas web, así como todo lo relativo a ellas en general. Para obtener una visión más completa, la guía sobre páginas web también cuenta con subcategorías de diversa temática y con artículos tanto para principiantes como para los webmasters más experimentados. 

El contenido de la guía 1&1 sobre páginas web

La categoría “páginas web” es una de las seis categorías principales de 1&1 Digital Guide y se divide, a su vez, en cuatro subcategorías: “Crear páginas web“, “Diseño web”, “Desarrollo web” y “Derecho en Internet”. Mientras que en la subcategoría “Crear páginas web“ se tratan, sobre todo, los aspectos técnicos de las páginas web, en la de “Diseño web” se incluyen artículos sobre la escritura, las imágenes y el diseño web responsivo para una visualización correcta de los contenidos, por ejemplo, por medio del código HTML o del lenguaje CSS. En la subcategoría “Desarrollo web” se engloba el contenido relativo tanto a la utilización de lenguajes de programación como PHP o JavaScript, como de herramientas específicas para el desarrollo de páginas de Internet. Asimismo, se ofrece información sobre las normas y tendencias en lo que respecta al desarrollo web. En la subcategoría “Derecho en Internet” se pone de relieve el marco legal de Internet, por ejemplo, cómo adecuar el Aviso legal a una página web o cuáles son los aspectos que hay que tener en cuenta al utilizar material gráfico.

Ayuda sobre páginas web para diseñadores web, empresas y amantes de la tecnología

La guía sobre páginas web sirve como portal informativo tanto para pequeñas y medianas empresas como para desarrolladores, diseñadores web y todo tipo de amantes de la tecnología o lectores interesados. Muchos de los artículos de 1&1 Digital Guide no requieren conocimientos previos, aunque hay otros que se erigen sobre conocimientos algo más sólidos. Los más inexpertos pueden leer artículos como “Fundamentos del diseño web”, “Qué ocurre cuando se abre una página web” o “Consejos para insertar un vídeo en HTML en tu web”. Los usuarios expertos, por su parte, tienen la posibilidad de desarrollar sus conocimientos a través de artículos y tutoriales con contenidos más profundos. Ya se trate de principiantes, de usuarios avanzados o de profesionales, todo aquel que visite esta guía tendrá acceso a una amplia gama de consejos y trucos y encontrará información sobre páginas web de su interés.