Si eres desarrollador web tienes que tener un buen repositorio de enlaces en tus marcadores o favoritos de tu navegador. Estos 10 sitios web que amarás como desarrolladores web que te ayudarán con recursos o información que necesitas para poder crear un sitio web. Por eso, te traigo estos 10 sitios web que amarás como desarrollador web y con los que podrás encontrar nuevos materiales, herramientas imprescindibles, etc ..
Tabla de contenidos
1. Nameboy

Aunque no sea específico de desarrollador web, Nameboy también puede ser de utilidad. En todo proyecto web, lo primero es buscar un dominio que esté libre y esta herramienta nos sirve para inspirarnos, para saber cómo encontrar el mejor nombre de dominio para nuestro sitio web, además de darnos algún consejo SEO para seleccionar el mejor nombre.
Simplemente introduce en el buscador las palabras clave y te dará resultados con posibles nombres de dominio. Verás que en los resultados aparece BUY (eso significa que está libre y puedes comprarlo) o WHOIS (está ocupado).

2. Ray.so

Esta herramienta convierte tu código en bonitas imágenes. con Ray.so puedes elegir el fondo, el rango de colores, cambiar entre modo oscuro o modo claro, etc .. Esto te permitirá compartir en tus redes sociales bonitas capturas de tu código.
3. RoadMap

Para aquellos que no estéis familiarizados con estos términos. Un Roadmap es una vista prematura de logros y objetivos de un algo determinado. Para ayudarnos con este proceso a la hora de formarnos como desarrolladores web existen herramientas online como Roadmap.sh. El funcionamiento es muy simple, selecciona la tecnología o rama que te interese y Roadmap se encargará de mostrarte la ruta de aprendizaje.

4. Codepen.io
Codepen.io se ha convertido en una de las redes sociales más importantes en cuanto a compartir código se refiere. No sólo eso, te permite escribir código desde el navegador y ver los resultados para depurar o inspirarte. Una de las mayores ventajas de esta plataforma es que puedes ver el trabajo de otros programadores de la comunidad.

Si quieres ir más allá, la versión Codepen PRO te permite usar el modo colaborativo, es decir, permite que varios desarrolladores desde cualquier parte del mundo pueda escribir código y ver lo que estás haciendo sin necesidad de ocupar el ancho de banda que ocuparía compartir tu escritorio.
5. Stack Overflow
Sin duda Stack Overflow es el sitio web más usado cada día por los desarrolladores o programadores del mundo. Es una plataforma de «question-and-answer«, es decir, para preguntas y respuestas enfocado en lenguajes de programadores. Aunque se le conoce por esta razón, también ofrece cursos, certificados, y hay oferta de trabajos.

Cada mes acceden 100 millones de usuario a esta plataforma, la mayoría buscando respuestas de programación. Cada respuesta es valorada por los propios usuarios, lo que le da mucha más veracidad a la respuesta.
6. Github

Para los que no estéis familiarizados con esto, Github es un sitio web donde se alojan repositorios GIT, un sitio donde los programadores de todo el mundo suben su código, ya sea de forma privada o pública. De esta forma podemos guardar en la nube todo nuestro código con distintas versiones, pudiendo recuperar cualquier de las versiones anteriores subidas.
En enero de 2023, Github anunció que ya habían llegado a los 100 millones de usuario. Este dato hace ver la importancia de este sitio web.
En Github podemos encontrar infinidad de código listo para usar que comparten usuarios de todo el mundo. Ya no sólo se trata de código disponible para todos para usar en nuestros proyectos, si no que se puede aprender muchísimo, ya que vemos como otros programadores implementan el código.
En definitiva, aunque existen otros repositorios como Bitbucket, Github para Colordeu es imprescindible para todos los proyectos.
7. Gitbook

Y ya que hemos hablado de Github, vamos a enfocarnos ahora en un sitio web llamado GitBook que no deja de ser una plataforma moderna para documentación de todo, desde documentación de productos, hasta APIS, etc ..
Además, se integra con un montón de herramientas que puedes utilizar en tu día a día como pueden ser: FIgma, Google Analytics, Jira, Mailchimp, Slack, etc ..
8. Iconstore.co

Aunque su nombre puede llevar a confusión, iconstore.co es un sitio web que contiene paquetes de iconos listos para usar en formato SVG, creados por diseñadores con talento. Puedes filtrar por categorías como: Coloridos, outline, … o realizar una búsqueda directa para encontrar el icono que buscabas.
En cuanto a la legalidad de uso, tienen una página donde lo detallan claramente, pero te adelanto que los puedes usar tanto en proyectos personales como comerciales.
9. Proto.io

Si lo que estamos es diseñando una aplicación web, una de las mejores aplicaciones (después de Figma a mi parecer) es proto.io, de las herramientas más potentes para realizar prototipos.
Tiene muchas opciones, entre ellas incluir botones, formularios, código HTML, textos, listas, menús, etc ..
10. Lottiefiles
Lottie es un sitio donde podemos descargar imágenes con animación para usar en nuestros proyectos. Son imágenes pequeñas para que funcionen en cualquier dispositivo y se pueden escalar sin pixelarse.

Incluso en Lottie nos permite crear, editar, testear o colaborar con otros usuarios. Sin duda, una forma muy fácil de tener Motion Designs en nuestros proyectos.
Conclusiones
Disponer de un buen repositorio de marcadores/enlaces a diferentes herrramientas puede ahorrarnos mucho tiempo a la hora de desarrollar nuestro proyecto.
Desde colordeu, intentaremos ir recopilando herramientas o sitios web que nos sean útiles como desarrolladores o diseñadores y nos hagan ser más productivos.
¿Qué herramientas utilizas o conoces que nos puedan facilitar el día a día a los desarrolladores o diseñadores?