Recursos muy útiles para desarrolladores.
Tags: programming, webdev, beginners, productivity
Published: 2021-06-18 21:21:45

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


- TABLA DE CONTENIDOS
    - [Aprender Desarrollo Web](#aprender-desarrollo-web)
    - [Desafíos de programación](#desafíos-de-programación)
    - [Descargar Imágenes](#descargar-imágenes)
    - [Descargar Iconos gratis](#descargar-iconos-gratis)
    - [Descargar Libros gratis](#descargar-libros-gratis)
    - [Colores](#colores)
    - [Templates Gratis](#templates-gratis)
    - [APIS Publicas](#apis-publicas)
    - [Recursos para desarrolladores](#recursos-para-desarrolladores)
    - [Editores de codigo online](#editores-de-codigo-online)
    - [Blogs](#blogs)
    - [Preguntas](#preguntas)
    - [Velocidad de carga de sitio web](#velocidad-de-carga-de-sitio-web)
    - [Descargar fuentes gratis](#descargar-fuentes-gratis)
    - [Herramientas para comprimir imágenes](#herramientas-para-comprimir-imágenes)
    - [PNG con fondo transparente](#png-con-fondo-transparente)
    - [Generar Favicon](#generar-favicon)
    - [Generar DataFake](#generar-datafake)
    - [Playgrouds y Conversores](#playgrounds-y-conversores)
    - [Utilidades de HTML](#utilidades-de-html)
    - [Librerías de animación CSS](#librerías-de-animación-css)
    - [Framework CSS estilo retro](#framework-css-estilo-retro)
    - [Practicar CSS](#practicar-css)
    - [Librerías de animación JavaScript](#librerías-de-animación-javascript)
    - [Crear capturas de código](#crear-capturas-de-código)
    - [Crear código QR](#crear-código-qr)
    - [Transferir archivos pesados](#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](https://www.facebook.com/gdcode7) | 💼[LinkedIn](https://www.linkedin.com/in/gastondanielsen/) | 💻[Github](https://github.com/gdcodev)