Las herramientas online que no deberían faltar en los favoritos de un diseñador o programador web cubren cinco necesidades: encontrar inspiración, elegir colores, medir la velocidad de carga, conseguir tipografías gratuitas y ahorrar tiempo con código ya hecho. Esta es la selección de recursos que EENDA utiliza, revisada para retirar los servicios que ya no existen.
¿Dónde buscar inspiración para diseño web?
Permite buscar diseños por popularidad, por colores o al azar. Muy útil para desbloquearse cuando un diseño no termina de arrancar.
Centrado solo en diseño web. Permite filtrar por estilos, tipos de web y temas, y tiene un buscador muy práctico.
Reúne imágenes de casi cualquier tema, desde recetas hasta manualidades. Con una búsqueda rápida aparecen miles de diseños, y cada imagen enlaza con la web de su autor o con la página de origen, así que a menudo lleva a portales y herramientas que no conocías.
¿Cómo medir la velocidad de carga de una web?
Analiza el tiempo de carga de una web, el número de peticiones, el peso de la página y su grado de optimización. Esta es la captura del análisis de la antigua web de EENDA que acompañaba a la primera versión de este artículo:
La herramienta de Google para medir el rendimiento de una página en móvil y ordenador. Incluye las Core Web Vitals, las métricas de experiencia de usuario que Google tiene en cuenta, y sugerencias concretas de mejora.
Además de mostrar cómo aparece tu web en Google, informa de las páginas que Google no puede encontrar (errores 404). Es una buena forma de detectar enlaces rotos antes y después de publicar una web.
¿Hace falta comprobar la web en varios navegadores?
Sí. Una web debe verse y funcionar bien en los navegadores que usan tus visitantes (cross-browser). Durante años el gran quebradero de cabeza fue Internet Explorer, que Microsoft retiró en 2022. Este gráfico de StatCounter muestra cómo fue perdiendo cuota frente a Chrome entre 2008 y 2012:
Hoy lo razonable es probar al menos en Chrome, Safari, Firefox y Edge, en ordenador y en móvil. Las herramientas para desarrolladores de los propios navegadores permiten simular distintos tamaños de pantalla.
¿Cómo elegir una paleta de colores para un proyecto?
La antigua Adobe Kuler. Es una rueda cromática que ayuda a elegir los colores con los que empezar un proyecto: permite crear combinaciones y explorar las más populares entre sus usuarios.
¿Dónde descargar tipografías gratuitas?
Catálogo de tipografías libres de Google, listas para usar en la web o descargar.
Reúne tipografías gratuitas con licencia para uso comercial. Además, su generador de webfonts convierte un archivo TTF en los formatos necesarios para usarlo en una web.
Un clásico con miles de tipografías, que se pueden buscar por categoría, autor, novedad o popularidad. Revisa la licencia de cada una: muchas solo son gratuitas para uso personal o traen caracteres limitados.
¿Dónde encontrar scripts y plantillas ya hechos?
Mercado de scripts, plugins y plantillas a precios asequibles, con una oferta muy amplia para WordPress y otras plataformas. Si estás empezando, puede ahorrarte mucho trabajo.
EENDA, por su parte, desarrolla a medida lo que necesita cada proyecto (sliders, efectos de transición, sistemas de usuarios, CRM o ERP) en lugar de depender de scripts de terceros.
Cómo puede ayudarte EENDA
Si prefieres que alguien se ocupe de todo, EENDA hace desarrollo web a medida con XPanel®, su gestor de contenidos, y diseño gráfico para tu marca. Cada desarrollo se audita con Qualys Guard® antes de publicarse. Cuéntanos tu proyecto.
