Gastón Danielsen

Posted on Jun 18, 2021 • Edited on Jul 16, 2022

Recursos muy útiles para desarrolladores.

#programming #webdev #beginners #productivity

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

TABLA DE CONTENIDOS

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

Top comments (4)

irishgeoff9 • Sep 23 '22

y tambien fabform.io

Daniel Prado Amoretty • May 17 '22

Que buen recurso. ,muchas gracias

LinXiaoHuChong • Aug 20 '21

Cool. I have found another website png images PNG SE

Devluc • Aug 13 '21

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

DEV Community