Recursos muy útiles para desarrolladores.

Lista de recursos y herramientas que pueden ser de mucha utilidad si eres desarrollador.

• TABLA DE CONTENIDOS
  • Aprender Desarrollo Web
  • Desafíos de programación
  • Descargar Imágenes
  • Descargar Iconos gratis
  • Descargar Libros gratis
  • Colores
  • Templates Gratis
  • APIS Publicas
  • Recursos para desarrolladores
  • Editores de codigo online
  • Blogs
  • Preguntas
  • Velocidad de carga de sitio web
  • Descargar fuentes gratis
  • Herramientas para comprimir imágenes
  • PNG con fondo transparente
  • Generar Favicon
  • Generar DataFake
  • Playgrouds y Conversores
  • Utilidades de HTML
  • Librerías de animación CSS
  • Framework CSS estilo retro
  • Practicar CSS
  • Librerías de animación JavaScript
  • Crear capturas de código
  • Crear código QR
  • Transferir archivos pesados

Aprender Desarrollo Web

Nombre	Enlace
w3schools	https://www.w3schools.com/
MDN	https://developer.mozilla.org/es/
freecodecamp	https://www.freecodecamp.org/
codecademy	https://www.codecademy.com/
geeksforgeeks	https://www.geeksforgeeks.org/
theodinproject	https://www.theodinproject.com/
udemy	https://www.udemy.com/
coursera	https://es.coursera.org/
scrimba	https://scrimba.com/
devdocs.io	https://devdocs.io/

Desafíos de programación

Nombre	Enlace
frontendmentor	https://www.frontendmentor.io/
acefrontend	https://www.acefrontend.com/
100dayscss	https://100dayscss.com/
codewars	https://www.codewars.com/
codingame	https://www.codingame.com/start
topcoder	https://www.topcoder.com/
coderbyte	https://coderbyte.com/
hackerrank	https://www.hackerrank.com/
codechef	https://www.codechef.com/
leetcode	https://leetcode.com/
css-tricks	https://css-tricks.com/

Descargar Imágenes

Nombre	Enlace
unsplash	https://unsplash.com/
pexels	https://www.pexels.com/es-es/
pixabay	https://pixabay.com/es/
coverr	https://coverr.co/
undraw	https://undraw.co/
freepik	https://www.freepik.es/
svgporn	https://svgporn.com/
videvo	https://www.videvo.net/
burst.shopify	https://burst.shopify.com/
freeimages	https://www.freeimages.com/es
kaboompics	https://kaboompics.com/
placeholder	https://placeholder.com/

Descargar Iconos gratis

Nombre	Enlace
flaticon	https://www.flaticon.es/
thenounproject	https://thenounproject.com/
iconstore	https://iconstore.co/
iconos8	https://iconos8.es/
streamlineicons	https://streamlineicons.com/
iconmonstr	https://iconmonstr.com/
dryicons	https://dryicons.com/
iconfinder	https://www.iconfinder.com/
iconscout	https://iconscout.com/
uxwing	https://uxwing.com/
feathericons	https://feathericons.com/
google icons	https://fonts.google.com/icons
tablericons	https://tablericons.com/
css.gg	https://css.gg/
ionicons	https://ionic.io/ionicons

Descargar Libros gratis

Nombre	Enlace
yolibrospdf	https://yolibrospdf.com/programacion.html
pdfdrive	https://es.pdfdrive.com/search?q=Programacion&pagecount=&pubyear=&searchin=es&em=
EbookFoundation	https://github.com/EbookFoundation/free-programming-books/blob/master/books/free-programming-books-es.md#javascript
Zlibrary	https://ar1lib.org/

Colores

Nombre	Enlace
colorhunt	https://colorhunt.co/palette/253094
gradienta	https://gradienta.io/shattered-feelings
uigradients	https://uigradients.com/#Shore
material	https://material.colorion.co/
grabient	https://www.grabient.com/
gradientbuttons	https://gradientbuttons.colorion.co/
coolors	https://coolors.co/
flatuicolors	https://flatuicolors.com/

Templates Gratis

Nombre	Enlace
colorlib	https://colorlib.com/
startbootstrap	https://startbootstrap.com/templates
graphberry.	https://www.graphberry.com/
templatemo	https://templatemo.com/
html5up	https://html5up.net/
templated	https://templated.co/
freehtml5	https://freehtml5.co/
bootstraptaste	https://bootstraptaste.com/
bootstrapmade	https://bootstrapmade.com/
plantillashtmlgratis	https://plantillashtmlgratis.com/
inovatik	https://inovatik.com/
creative-tim	https://www.creative-tim.com/templates
html5boilerplate	https://html5boilerplate.com/
elements.envato	https://elements.envato.com/es-419/web-templates

APIS Publicas

Nombre	Enlace
public-apis	https://github.com/public-apis/public-apis
apihouse	https://apihouse.vercel.app/
apilist	https://apilist.fun/
public-apis.io	https://public-apis.io/

Recursos para desarrolladores

Nombre	Enlace
devurls	https://devurls.com/
devresourc	https://devresourc.es/
freecodetools	https://freecodetools.org/
devsamples	https://www.devsamples.com/
shortcode	https://shortcode.dev/
overapi	https://overapi.com/
calltoidea.com	https://www.calltoidea.com/
lordicon.com	https://lordicon.com/
markodenic.com	https://markodenic.com/tools/
uiverse.io	https://uiverse.io/
metatags.io	https://metatags.io/
gitignore	https://www.toptal.com/developers/gitignore
Whirl	https://whirl.netlify.app/
1loc.dev	https://1loc.dev/
10015	https://10015.io/

Editores de codigo online

Nombre	Enlace
codepen	https://codepen.io/
playcode	https://playcode.io/
codesandbox	https://codesandbox.io/s
stackblitz	https://stackblitz.com/
jsfiddle	https://jsfiddle.net/
codeshare	https://codeshare.io/

Blogs

Nombre	Enlace
freecodecamp	https://www.freecodecamp.org/news/
hackernoon	https://hackernoon.com/
dev.to	https://dev.to/

Preguntas

Nombre	Enlace
stackoverflow	https://stackoverflow.com/
reddit	https://www.reddit.com/
quora	https://es.quora.com/

Velocidad de carga de sitio web

Nombre	Enlace
speedpages insights	https://developers.google.com/speed/pagespeed/insights/?hl=es
gtmetrix	https://gtmetrix.com/
tools.pingdom	https://tools.pingdom.com/
lighthouse	https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk?hl=es

Descargar fuentes gratis

Nombre	Enlace
fonts.google	https://fonts.google.com/
dafont	https://www.dafont.com/es/
befonts	https://befonts.com/

Herramientas para comprimir imágenes

Nombre	Enlace
tinypng	https://tinypng.com/
kraken	https://kraken.io/
imagerecycle	https://www.imagerecycle.com/
compressor	https://compressor.io/
jpeg-optimizer	http://jpeg-optimizer.com/
imagecompressor	https://imagecompressor.com/es/
ezgif	https://ezgif.com/

PNG con fondo transparente

Nombre	Enlace
stickpng	https://www.stickpng.com/es
pngtree	https://es.pngtree.com/
freepngimg	https://freepngimg.com/
pngegg	https://www.pngegg.com/es
cleanpng	https://www.cleanpng.com/
purepng	https://purepng.com/
favpng	https://favpng.com/

Generar Favicon

Nombre	Enlace
favicon.io	https://favicon.io/
favicon-generator.org	https://www.favicon-generator.org/
realfavicongenerator.net	https://realfavicongenerator.net/

Generar DataFake

Nombre	Enlace
mockaroo	https://www.mockaroo.com/
Faker.js	https://github.com/marak/Faker.js/
datafakegenerator	https://datafakegenerator.com/

Playgrounds y Conversores

Nombre	Enlace
html2jade	https://html2jade.org/
magic.reactjs.net	https://magic.reactjs.net/htmltojsx.htm
markdowntohtml	https://markdowntohtml.com/
babeljs	https://babeljs.io/

Utilidades de HTML

Nombre	Enlace
validator	https://validator.w3.org/
caniuse	https://caniuse.com/
entity-lookup.leftlogic	http://entity-lookup.leftlogic.com/

Librerías de animación CSS

Nombre	Enlace
Hover.css	https://ianlunn.github.io/Hover/
Magic Animations	https://www.minimamente.com/project/magic/
Animista	https://animista.net/
Animate.css	https://animate.style/
CSSHAKE	https://elrumordelaluz.github.io/csshake/
Wicked CSS	https://kristofferandreasen.github.io/wickedCSS/

Framework CSS estilo retro

Nombre	Enlace
NES.css	https://nostalgic-css.github.io/NES.css/
98.css	https://jdan.github.io/98.css/
XP.css	https://botoxparty.github.io/XP.css/
BOOTSTRA.386	https://kristopolous.github.io/BOOTSTRA.386/
win95.css	https://alexbsoft.github.io/win95.css/
RPGUI	https://ronenness.github.io/RPGUI/

Practicar CSS

Nombre	Enlace
Flexbox Defense	http://www.flexboxdefense.com/
Flexbox Froggy⁣	https://flexboxfroggy.com/#es
Grid Garden⁣	https://cssgridgarden.com/#es
CSS Diner	https://flukeout.github.io/
CSS Game	https://victordarras.fr/cssgame/
Flexbox Zombies	https://mastery.games/flexboxzombies/

Librerías de animación JavaScript

Nombre	Enlace
swiperjs	https://swiperjs.com/
Greensock	https://greensock.com/
Michalsnik	https://michalsnik.github.io/aos/
Three.js	https://threejs.org/
Splidejs	https://splidejs.com/
typed.js	https://github.com/mattboldt/typed.js/
tilt.js	https://gijsroge.github.io/tilt.js/
scrollmagic.io	https://scrollmagic.io/
slick	https://kenwheeler.github.io/slick/
bideo.js	https://rishabhp.github.io/bideo.js/

Crear capturas de código

Nombre	Enlace
carbon.now.sh	https://carbon.now.sh/
ray.so	https://ray.so/

Crear código QR

Nombre	Enlace
qrcode-monkey	https://www.qrcode-monkey.com/es

Transferir archivos pesados

Nombre	Enlace
wetransfer	https://wetransfer.com/
Ydray.com	https://ydray.com/

---

Repositorio de Git: https://github.com/gdcodev/recursos-dev
📌 Mis Redes: 🔵Facebook | 💼LinkedIn | 💻Github

Comments

[Lucian Devluc]

This is an awesome resources collection for designers and developers. Thank you very much for mentioning Inovatik.com in the templates category. Wish you all the best

[LinXiaoHuChong]

Cool. I have found another website png images PNG SE

[irishgeoff9]

y tambien fabform.io

[Daniel Prado Amoretty]

Que buen recurso. ,muchas gracias