Diseño web

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