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
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/ |
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)
y tambien fabform.io
Que buen recurso. ,muchas gracias
Cool. I have found another website png images PNG SE
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