Recursos para Diseñadores, Desarrolladores y Creadores de la Web

Cuando tengo el propósito de diseñar y desarrollar algún sitio web. siempre tengo preparados algunos sitios web, herramientas, recursos y demás, que me pueden ser de utilidad para terminar con un mejor trabajo o que me puede ayudar a terminarlo en el menor tiempo posible.

Así que en esta publicación te voy a compartir un listado de todos estos recursos que puedo llegar a utilizar, además de artículos que te pueden ayudar si estas empezando.

Recuerda que estos son tan solo algunos, así que si tu tienes tus propios recursos, siéntete libre de compartirlos y los agregaré a este listado.

Sin Más que decir. Empecemos.

Introducción al Diseño Web

Tipografía

Colores

Para aprender más de Teorías de colores.
Gradientes

Imágenes

Un consejo adicional respecto a las imágenes, es que si descargas una imagen en alta definición de estos sitios, te recomiendo reducirle el peso, ya que tu sitio web tendrá que descargar la imagen cada vez que un usuario visite la pagina, haciéndola lenta.

Vídeos

A menudo cuando quiero crear un proyecto audiovisual, o contenido basado en vídeo, suelo buscar clips de vídeos en los sitios web que te listo a continuación. Recuerda tratar de ver siempre las licencias de los clips, ya que algunos tienden a requerir atribución, es decir, el autor quiere que coloques su nombre de algún modo en los créditos de tu contenido, mientras que otros te permiten descargarlo y utilizarlo sin más en cualquier tipo de proyecto, tanto si es comercial, como no lucrativo. 

Iconos

Inspiración

HTML

CSS

Iconos

  • IconFinder, IconFinder es un sitio web para encontrar iconos para nuestros sitios y aplicaciones, tanto gratuitos como de pago.

Favicon

SEO

Templates

Diagramas


Y estos son algunos de los recursos que más utilizo. Si tu también tienes los tuyos siéntete libre de compartirlos, de eso modo los puedo agregar a esta lista, y oras personas también pueden tener más recursos. ¡Happy Coding!

Muy Pronto Publicaré un Vídeo explicando acerca de estos recurso en el canal de Youtube:


Comentarios

  1. tu blog cada vez es mas profesional, 10 / 10 bro!!!

    ResponderBorrar
    Respuestas
    1. Gracias Jassiel. Voy mejorandolo de poco a poco. Pero allí voy haha. Un saludo :)

      Borrar
  2. Excelente muchas gracias por compartir.

    ResponderBorrar
    Respuestas
    1. Gracias Baja Webmaster. Un gusto que te sea de utilidad. Un Saludo :)

      Borrar
  3. Mejor imposible! Excelente información. Gracias! :D

    ResponderBorrar
    Respuestas
    1. Gracias Lonel. Un gusto que te sea útil. ¡Un Saludo!

      Borrar
  4. Gracias por compartir la información Bro :)

    ResponderBorrar
  5. gracias por tantos recuersos excelentes

    ResponderBorrar
  6. Excelente tutorial. Gracias por compartirlo.

    ResponderBorrar
  7. Hola revisa este generador de colores, es muy util
    https://coolors.co/app

    ResponderBorrar
  8. Increible contenido y diseño, uno de mis profesores favoritos ✌🏽

    ResponderBorrar
  9. Esta buenísimo este artículo.... te puedo recomendar otras páginas?.

    Para color una que yo uso muy seguido es Color Hexa ... no solo te brinda info de un color sino también todas sus combinaciones y gamas posibles... Es genial :D

    Para inspiración siempre veo las paginas de Awwwards.... es una pagina que tiene un montón de proyectos subidos y evaluados según su usabilidad, creatividad, diseño y contenido.

    ResponderBorrar
    Respuestas
    1. Excelentes recomendaciones Malen, Ya las he agregado. Gracias por tu Aporte, Un Saludo :)

      Borrar
  10. Hola muchas gracias por tu aporte, y excelente la manera como explicas el contenido. Todo muy organizado y ordenado. lo que me alegra más es que eres Peruano!!
    aquí mi aporte:

    https://www.graphberry.com/category/free-html-web-templates

    Saludos

    ResponderBorrar
    Respuestas
    1. Hola Magaly, muchas Gracias por tu aporte, lo acabo de agregar al articulo. se que ha todos nos va a servir. Un Saludo :)

      Borrar
  11. Gracias por la información, de lujo tu aporte amigo.

    ResponderBorrar
  12. FAZT! seguí tus videos de como usar MERN y me funcionaron a la perfección, de hecho mi web va creciendo enormentmente con la base de tu video, pero estoy atorado, no se como subir imagenes y guardar el path en mongodb, puedes ayudarme? basandome en tus metodos de add task, fetch, routes, api etc.. Saludos!

    ResponderBorrar
  13. Excelente, muchas gracias, sigue así.

    ResponderBorrar
  14. Excelente. Me sirvió bastante para resolver dudas y tener una buena presentación a la hora de hacer un buen trabajo ya sea en la universidad o laboral. 👨🏽‍💻

    ResponderBorrar
  15. Eres lo maximo amigo, eres mi ejemplo a seguir xd;V

    ResponderBorrar
  16. muy buen contenido, de calidad, buen flujo de trabajo Fazt!!

    ResponderBorrar
  17. Muy buen contenido, me gustaría leer más de este tipo. Un abrazo grande! Genial trabajo!!

    ResponderBorrar
  18. Hola FAZT, queria agradecer por este gran aporte y preguntar por una libreria de caracteres y objetos animados (que también hacen falta a veces)... Saludos

    ResponderBorrar
  19. Saludos, cómo puedo interactuar con una página web y mostrar el resultado en mi sitio web si usar api?

    ResponderBorrar
  20. Aquí dejo un aporte de colores: https://colorhunt.co/

    ResponderBorrar
  21. Excelente contenido!! Sin duda resulta muy relevante, saludos desde la Ciudad de México!

    ResponderBorrar
  22. Hola soy Fazt, primero antes que todo. Gracias por esos buenos tutoriales que me están ayudando mucho. Y pues segundo tengo una consulta. Que me recomendas, tengo un proyecto personal y es crear una plataforma web educativa. Información y control de estudiantes. Y pues quisiera saber que me recomendas usar. Muchas gracias nuevamente.

    ResponderBorrar
  23. Hola Fatz,
    Te vendría bien estas paginas para iconos diseñadores y programadores, espero que las puedas agregar.

    - Feather Icons: https://feathericons.com
    - Noun Icons: https://thenounproject.com
    - Icon Finder: https://iconfinder.com
    - Icons8: https:// icons8.com
    - Icons Monsterhttps://iconmonstr.com
    - Icons Material Design: https://material.io/resources/icons/
    - Icons Awesome: https://fontawesome.com

    ResponderBorrar
  24. Excelente Fazt eres un genio.. adquiriendo conocimiento de este nutrido blog

    ResponderBorrar
  25. Este comentario ha sido eliminado por el autor.

    ResponderBorrar
  26. exelentisimo articulo queremos muchos mas articulos como este muchisimas gracias por compartirlo con la comunidad 1000 gracias eres muy aplicado y bueno en lo que haces y muestras y ayudas etc... sin palabras superior todo larga vida compañero.

    ResponderBorrar
  27. gracias fazt, sigo aprendiendo contigo

    ResponderBorrar

Publicar un comentario