Listado de enlaces con Herramientas, Recursos, Inspiración, Guías y Otros temas entorno al Desarrollo Web
Colección de todo sitio (útil) que he ido encontrando durante mí proceso de auto aprendizaje.
¿Por qué? Porque tengo muchos marcadores.
- Editores de código online
- Herramientas
- Recursos
- Gratuito
- Guías
- Guías y cursos escritos
- Snippets
- Cheatsheets
- Foros-Blogs-Inspiración
- Cursos de pago (buuu)
- Servicios de pago
- AI
- Búsqueda trabajo
- Otros
- https://vscode.dev/
- https://www.vimonlineeditor.com/
- https://idx.dev/
- https://jsfiddle.net/
- https://codesandbox.io/
- https://codepen.io/
- https://glitch.com/
- https://anyfiddle.com/
- https://codeshare.io/
- https://repl.it/
- https://www.codeply.com/
- https://codeebox.vercel.app/
- https://ideone.com/
- https://codi.link/
- https://stackblitz.com/
- https://pythontutor.com/
- https://ide.onelang.io/
- https://tinyeditor.pages.dev/ (Requiere cuenta, correo)
- https://dillinger.io (Editor Markdown)
- https://stackedit.io/ (Editor Markdown)
- https://writemd.xyz/ (Editor Markdown)
- https://markdown.pioul.fr/ (Editor Markdown)
- https://markdown-editor.github.io/ (Editor Markdown)
- https://pandao.github.io/editor.md/en.html (Editor Markdown)
- https://markdownlivepreview.com/ (Editor Markdown)
- https://markdownpastebin.com/ (Editor Markdown)
- https://personal.onlyoffice.com/ (Office Online)
- https://arcaneoffice.com/ (Office Online)
- https://simplenote.com/ (Notas)
- https://hemingwayapp.com/ (Notas)
- https://rentry.co/ (Notas)
- http://txti.es/ (Notas)
- https://pad.disroot.org/ (Notas)
- https://kvak.io/ (Notas)
- https://writesolo.com/ (Escritura literaria)
- https://www.calmlywriter.com/online/ (Notas)
- https://regex101.com/
- https://regexr.com/
- https://extendsclass.com/regex-tester.html
- https://regexper.com/
- https://iframely.com/ (Herramienta para generar embed iframes)
- https://embedresponsively.com/ (Herramienta para generar embed iframes)
- https://caniuse.com/ (Conocer compatibilidad con navegadores acorde a características front-end)
- https://sketch2code.azurewebsites.net/ (Dibujo a HTML)
- https://keycode.info/ (Keycode JS)
- https://nickfinder.com/fancy-text (Generador de texto y simbolos)
- https://www.asciiart.eu/ (Generador de texto y simbolos)
- https://patorjk.com/ (Generador de texto y simbolos)
- https://lingojam.com/WeirdTextGenerator (Generador de texto y simbolos)
- https://www.twitchquotes.com/copypastas/ascii-art (ASCII Art Copypasta)
- https://www.ascii-art-generator.org/
- https://www.jemoticons.com/en/ (Generador kaomoji)
- https://wikiemoji.org/es (Emojis)
- https://www.1001fonts.com/ (Fuentes)
- https://www.toptal.com/developers/gitignore (Crear archivos .gitignore)
- https://gitexplorer.com/ (Ayuda para comandos Git)
- https://dummyimage.com/ (Generador de imágenes estáticas con su resolución)
- https://bluetree.ai/screenfly/ (Ver sitio en multiples resoluciones)
- https://www.browserling.com/ (Probar sitio en multiples navegadores)
- https://favicon.io/ (Generador de Favicons)
- https://realfavicongenerator.net/ (Generador de Favicons)
- https://www.favicon-generator.org/ (Generador de Favicons)
- https://formito.com/tools (Generadores de Favicons y Logos)
- https://omatsuri.app/ (Color, CSS y SVG)
- https://www.omnicalculator.com/ (Calculadoras)
- https://www.programmingfonts.org/ (Probar múltiples fuentes online para IDE)
- https://app.diagrams.net/ (Diagramas)
- https://getbutton.io (Botón de chat gratuito)
- https://whatismyviewport.com/ (Conocer Viewport)
- https://10015.io/ (Toolkit)
- https://wweb.dev/resources (Toolkit)
- https://smalldev.tools/ (Toolkit)
- https://toolkit.addy.codes/ (Toolkit)
- https://devtooly.com/ (Toolkit)
- https://codebeautify.org/ (Toolkit Buscador)
- https://toolfolio.io/ (Toolkit)
- https://baseline.is/tools/
- https://freecodetools.org/
- https://webcode.tools/
- https://promptr.co/ (Teleprompter Online)
- https://www.opengraph.xyz/ (Generador Open Graph Meta Tags)
- https://metatags.io/ (Generador Open Graph Meta Tags)
- https://createapp.dev/ (Generador Create App)
- https://jamstack.org/generators/
- https://www.getzola.org/
- https://supabase.com/
- https://www.11ty.dev/
- https://daftpage.com/
- https://templates.snipsnap.dev (Clona código/templates desde Visual Studio)
- https://wave.webaim.org/ (Prueba accesibilidad)
- https://uses.tech/
- https://mozilladevelopers.github.io/playground/
- https://badgen.net/
- https://readme-typing-svg.herokuapp.com/demo/
- https://prioritize.songthamtung.com/ (Notas)
- https://namae.dev/ (Nombres app/proyecto)
- https://www.websitecarbon.com/
- https://www.simicart.com/manifest-generator.html/
- https://browserflow.app/ (Extension Scraper)
- https://www.wmtips.com/tools/info/
- https://jsoncrack.com/editor
- https://fakefiller.com/ (Extension Forms)
- https://progressier.com/pwa-screenshots-generator
- https://play.kosmik.app/ (buscador enfocado para "periodismo")
- https://12ft.io/ (Remover Popups)
- https://maskable.app/editor
- https://browser.lol/create (Navegador en la nube)
- https://npm.devtool.tech/
- https://www.withdiode.com/
- https://www.nordtheme.com/ (Paleta de colores única)
- https://www.0to255.com (Conocer degradado de un color)
- https://www.colorsandfonts.com/ (Herramientas de colores y Fuentes)
- https://rida.dev/ui-palette/ (Ver paleta de colores en Smarthphone)
- https://www.colorhexa.com/
- https://colorhunt.co/
- https://webkul.github.io/coolhue/
- https://labs.tineye.com/color/
- https://www.w3schools.com/colors/default.asp
- https://htmlcolorcodes.com/es/
- https://brandcolors.net/
- https://coolors.co/
- https://farbvelo.elastiq.ch/
- https://convertingcolors.com/
- https://color.adobe.com/es/create/color-wheel
- http://colormind.io/
- https://www.palettelist.com/
- https://material.io/resources/color/
- https://www.materialpalette.com/
- https://mycolor.space/
- https://flatuicolors.com/
- https://colorsinspo.com/
- https://colorswall.com/
- https://www.happyhues.co/
- https://colorbox.io/
- https://palettegenerator.colorion.co/
- https://material.colorion.co/
- https://colorate.azurewebsites.net/
- https://www.grabient.com/
- https://shadeswash.netlify.app/
- https://brandpalettes.com/
- http://mcg.mbitson.com/
- https://meyerweb.com/eric/tools/color-blend/
- http://khroma.co/
- https://colorhexpicker.com/
- https://saruwakakun.com/en/color-ideas
- https://image-color.com/
- https://www.colorzilla.com/
- https://colors.dopely.top/
- https://colors.lol/
- https://www.htmlcsscolor.com/
- https://www.colourlovers.com/palettes
- https://combinecolors.com/
- https://fluentuipr.z22.web.core.windows.net/heads/master/theming-designer/index.html
- https://picular.co/
- https://materialpalettes.com/
- http://getuicolors.com/
- https://paletton.com/
- https://www.schemecolor.com/
- https://jxnblk.github.io/Spectral/
- https://smart-swatch.netlify.app/
- https://rgb.to/
- https://gradihunt.com/
- https://evankarageorgos.github.io/hue/grid.html
- https://mobilepalette.colorion.co/
- https://www.color-hex.com/
- https://colormixer.web.app
- http://ourownthing.co.uk/gradpad.html
- https://hexcolorblender.vercel.app/
- https://civicactions.github.io/uswds-color-tool/
- https://jondotsoy.github.io/Colorized/
- https://supercolorpalette.com/
- https://uicolors.app/create (Tailwind CSS Color Generator)
- https://colormagic.app/
- https://www.khroma.co/
- Revisar contraste
- https://color.review/
- https://color.cloudflare.design/ (Revisar contrastes y Herramientas de colores y Fuentes)
- https://webaim.org/resources/contrastchecker/
- https://colorable.jxnblk.com/
- https://whocanuse.com/
- https://onetwobrand.com/
- https://leonardocolor.io
- https://colorific.darrellhanley.com/
- https://accessible-colors.com/
- https://marijohannessen.github.io/color-contrast-checker/
- https://cliambrown.com/contrast/
- https://css-tricks.com/color-contrast-accessibility-tools/
- https://www.oddcontrast.com/
- Revisar contraste
- https://htmlboilerplates.com/ (Plantilla interactiva HTML)
- https://validator.w3.org/#validate_by_input (Validar estructura HTML)
- https://hero-generator.netlify.app/ (Generar Hero/Landin page)
- https://html-cleaner.com/ (Comprimir código HTML, CSS y JS)
- https://www.cssportal.com/ (Toolkit CSS)
- https://grid.layoutit.com/ (Herramienta CSS Grid)
- https://cssgrid-generator.netlify.app/ (Herramienta CSS Grid)
- https://griddy.io/ (Herramienta CSS Grid)
- https://vue-grid-generator.netlify.app/ (Herramienta CSS Grid)
- https://layout.bradwoods.io/ (Generar layout CSS Grid y Flexbox)
- https://flexbox.help/ (Herramienta Flexbox)
- https://loading.io/flexbox/ (Herramienta Flexbox)
- https://flexbox.tech/ (Herramienta Flexbox)
- https://codepen.io/ndangelo/pen/BaamRam (Herramienta Flexbox)
- https://www.flexbox.fun/ (Herramienta Flexbox)
- https://www.cssplayground.dev/flex-playground/ (Herramienta Flexbox)
- https://catchmyfame.github.io/flexboxplayground/ (Herramienta Flexbox)
- https://the-echoplex.net/flexyboxes/ (Herramienta flex-container)
- https://css-playground.com/
- https://csslab.app/
- https://keyframes.app/
- https://www.cssmatic.com
- https://bennettfeely.com/
- https://cubic-bezier.com (Herramienta cubic-bezier)
- https://animate.style/ (Animaciones CSS)
- https://animista.net/ (Animaciones CSS)
- https://animotion.dev/ (Animaciones CSS)
- https://9elements.github.io/fancy-border-radius/ (Herramienta border-radius)
- https://neumorphism.io/ (Generar suaves UI)
- https://shadows.brumm.af/ (Generar sombras suaves)
- https://box-shadow.art/shadow-generator/ (Generar sombras)
- https://larsenwork.com/easing-gradients/ (Generar suaves UI/Gradientes)
- https://polychroma.app/ (Generar Gradiente)
- https://grainy-gradients.vercel.app/ (Generar Gradiente)
- https://www.colorzilla.com/gradient-editor/ (Generar Gradiente)
- https://www.joshwcomeau.com/gradient-generator/ (Generar Gradiente)
- http://www.minifycss.com/css-compressor/ (Comprimir código CSS)
- https://csscompressor.net/ (Comprimir código CSS)
- https://superdesigner.co/tools
- https://markodenic.com/tools/glassmorphism-css-generator/
- https://ui.glass/generator/
- http://webkit-scroll-gen.sourceforge.net/ (Generar estilo Scrollbar)
- https://css-transform.moro.es/ (Generar css-transform)
- https://bennettfeely.com/clippy/
- https://www.uplabs.com/posts/clip-path-generator
- https://wweb.dev/resources/css-separator-generator/ (Generar formas divisoras de contenido)
- https://autoprefixer.github.io/ (parses your CSS and adds vendor prefixes)
- https://jonassebastianohlsson.com/specificity-graph/
- https://superdesigner.co/tools/css-backgrounds
- https://pocoloco.io/
- https://www.bestcssbuttongenerator.com/
- https://shadeed.github.io/grid-to-flex/
- https://www.cssgenerators.net/
- https://cssbuttoncreator.com/
- https://css3buttongenerator.com/
- https://css-generators.com/section-divider/
- Gradientes
- https://baseline.is/tools/css-gradients/
- https://gradientbuttons.colorion.co/ (Color para botónes)
- https://uigradients.com
- https://webgradients.com/
- https://gradienthunt.com/
- https://cssgradient.io/
- https://gradienta.io/
- https://hexcolorcodes.org/
- https://mathiasisaksen.github.io/gradient-explorer/
- https://www.gradientmagic.com/
- https://colorgradient.dev/
- https://learnui.design/tools/gradient-generator.html
- Gradientes
- http://www.minifyjavascript.com/ (Comprimir código JS)
- https://jscompress.com/ (Comprimir código JS)
- https://validatejavascript.com/ (Validar código JS)
- http://www.jsfuck.com/
- https://jsonformatter.org/
- https://properprogramming.com/tools/converters/jquery-to-javascript-converter/
- https://excalidraw.com/ (Dibujar/Pizarra)
- https://viliusle.github.io/miniPaint/ (Dibujar/Pizarra)
- https://www.tldraw.com/ (Dibujar/Pizarra)
- https://studio.polotno.dev/ (Editor de diseños rápido)
- https://carbon.now.sh (Compartir código como imagen)
- https://tomato.to/ (Descargar imágenes stock sin marca de agua)
- https://www.sideit.app/ (Generar Side by side)
- https://imagecompressor.com/ (Comprimir imagenes)
- https://compressimage.io/ (Comprimir imagenes)
- https://tinypng.com/ (Comprimir imagenes)
- https://shortpixel.com/ (Comprimir imagenes)
- https://www.iconfinder.com/ (Buscar iconos)
- https://match.color.io/ (Inserta una imagen y prueba diversas tonalidades)
- https://patternico.com/ (Generador de patrones)
- https://tineye.com/ (Reverse Image Search)
- https://yandex.com/images/ (Reverse Image Search)
- https://ray.so/ (Compartir código)
- https://pfpmaker.com/ (Editor foto perfil)
- https://png-svg.com/
- https://www.pngtosvg.com/
- https://tylify.app/ (Crear patrones)
- https://www.brandbird.app/
- https://createfakeperson.com/
- Editar imágenes online
- https://www.photopea.com/
- https://ui.toast.com/tui-image-editor
- https://pixlr.com/es/editor/
- https://edit.photo/
- https://pixlr.com/es/express/
- https://fotoflexer.com/
- https://www.fotojet.com/
- https://pixteller.com/
- https://www7.lunapic.com/editor/
- https://www.befunky.com/
- https://photokit.com/
- https://ipiccy.com/
- https://www.ribbet.com/
- https://www.fotor.com/
- https://www.pizap.com/
- https://vectr.com/design
- https://poet.so/ (muerto por API Twitter/X)
- Editor PixelArt
- https://pixelcraft.web.app/ (Editor PixelArt)
- https://www.piskelapp.com/ (Editor PixelArt)
- https://orama-interactive.itch.io/pixelorama (Editor PixelArt)
- https://www.pixilart.com/ (Editor PixelArt)
- Generador de Fondos
- https://trianglify.io/ (de Pago, Generador de fondos)
- https://raaatio.com/ (de Pago, Generador de fondos)
- https://meshgradient.com/ (Generador de fondos)
- https://coolbackgrounds.io/ (Generador de fondos)
- Upscale
- https://www.stickermule.com/upscale (Upscale)
- http://waifu2x.udp.jp/ (Upscale)
- https://waifu2x.pro/ (Upscale)
- https://waifu2x.booru.pics/ (Upscale)
- https://bigjpg.com/en (Upscale)
- Mockups
- Remover Fondos
- https://backgroundremover.app/ (Remover fondo a imágenes y vídeos)
- https://www.remove.bg/
- https://removal.ai/
- https://pixlr.com/es/remove-background/
- https://bgeraser.com/
- https://spark.adobe.com/tools/remove-background
- https://picsart.com/background-remover
- https://www.slazzer.com/
- https://backgroundremover.net/
- https://www.unscreen.com/ (Remover fondo videos)
- https://www.stickermule.com/trace
- Editar imágenes online
- https://aspect.app/
- https://builderx.io/ (React Native & React)
- https://www.figma.com/
- https://www.pxcode.io/ (Figma a HTML)
- https://www.codewell.cc/ (Figma templates para practicar)
- https://primo.so/
- https://figside.com/
- https://webflow.com/
- https://www.framer.com/
- https://www.budibase.com/
- https://www.uxpin.com/
- https://www.axure.com/
- https://www.protopie.io/
- https://mockitt.wondershare.com/
- https://build.mmm.page/
- https://www.customsitenow.com/
- https://flex.duda.co/
- https://versoly.com/
- https://rive.app/
- https://penpot.app/
- https://resoume.com/ (de Pago, CV)
- https://zety.com/ (de Pago, CV)
- https://artickl.com/ (de Pago, CV)
- https://standardresume.co (de Pago, CV)
- https://beefree.io/ (Emails)
- https://baseline.is/ (Diseño de marca)
- https://storybook.js.org/ (Llevar historial cambios componentes UI tanto como testearlos)
- https://creatie.ai/
- https://www.invisionapp.com/
- Figma plugin
- https://svg-stripe-generator.web.app/ (Generador de líneas)
- https://www.svgbackgrounds.com/ (Generador de fondos)
- https://www.heropatterns.com/ (Generador de fondos)
- https://wickedbackgrounds.com/ (Generador de fondos)
- https://css-tricks.com/tools-visualize-edit-svg-paths-kinda/
- https://vecta.io (Editor SVG online)
- https://svgeditoronline.com/editor/ (Editor SVG online)
- https://yoksel.github.io/url-encoder/ (SVG a CSS)
- https://app.tweentoast.com/ (SVG a 3D)
- https://doodad.dev/pattern-generator/ (Generador de patrones)
- https://www.shapedivider.app/ (Generar formas divisoras de contenido)
- https://www.svgwaves.io/ (Generar curvas)
- https://smooth.ie/blogs/news/svg-wavey-transitions-between-sections (Generar curvas divisoras de contenido)
- https://www.softr.io/tools/svg-shape-generator (Generar formas)
- https://www.softr.io/tools/svg-wave-generator (Generar curvas)
- https://app.haikei.app/ (Generar formas, fondos)
- https://pattern.monster/ (Generador de patrones)
- https://www.svgator.com/ (de Pago, animar SVG)
- https://chaosmach.com/ (Generar formas, fondos)
- https://svg-generator.netlify.app/
- https://picsvg.com/ (Imagen a SVG)
- https://www.handwriting-generator.com/ (Generar manuscrita)
- https://boringavatars.com (Generar avatares)
- https://annualbeta.com/generative-art/
- https://jakearchibald.github.io/svgomg/
- https://svgl.app/
- https://bestsnip.com/svg_animation/
- https://www.autotracer.org/
- https://fontjoy.com/ (Generador para emparejar Fuentes)
- https://justmytype.co/ (Colección de emparejamiento de Fuentes)
- https://typeculator.alexpaul.me
- https://www.fontinlogo.com
- https://jmattthew.github.io/better-font-finder/better-font-finder.html
- https://play.typedetail.com/
- https://grtcalculator.com/
- https://www.fontsnatcher.co/ (Extension)
- https://typescale.com/
- https://type.method.ac/ (Juego)
- https://www.collletttivo.it/
- https://nafanz.github.io/ (Coleccion sitios)
- https://mirrorace.com/
- https://pixeldrain.com/
- https://www.mediafire.com/
- https://wormhole.app/
- https://wetransfer.com/
- https://filen.io/
- https://www.crypter.dev/
- https://gnu.cat/
- https://send-anywhere.com/
- https://fileconvoy.com/
- https://catbox.moe/
- https://temp.sh/
- https://easyupload.io/
- https://gofile.io
- https://videosilenceremover.web.app/
- https://online-video-cutter.com/es/
- https://mebm.xyz/
- https://www.kapwing.com/video-editor
- https://jitter.video/
- https://pastebin.com/gfBPg24A (PHP)
- https://free-for.dev (Recursos gratuitos para desarrolladores)
- https://webgems.io/
- https://github.com/andrews1022/web-development-2021-course-list
- https://github.com/sdmg15/Best-websites-a-programmer-should-visit
- https://github.com/RitikPatni/Front-End-Web-Development-Resources
- https://github.com/trimstray/the-book-of-secret-knowledge
- https://github.com/dypsilon/frontend-dev-bookmarks
- https://github.com/MunGell/awesome-for-beginners
- https://github.com/rosepac/biblioteca-espanol-gratis
- https://www.codegrepper.com/code-examples/ (Ejemplos de código de diversos lenguajes)
- https://www.java5cript.com/ (Recursos gratuitos JavaScript)
- https://rosettacode.org/wiki/Rosetta_Code (Crestomatía de programación, enseña cómo realizar algo en el mayor número de lengujaes posibles)
- https://svelte.dev/ (Alternativa a React o Vue)
- https://forthebadge.com/ (Insignias por poner algo)
- https://github.com/Echobob/awesome-all/tree/94a8e0fa6d1cdcaaaf12e04b6c507e578440c1b5 (Listas de todo)
- https://loremipsum.io/21-of-the-best-placeholder-image-generators/ (Lista sitios para generar imágenes placeholder)
- https://www.framer.com/motion/ (React, librería movimiento)
- https://github.com/DopplerHQ/awesome-interview-questions
- https://buckets-of-bookmarks.daniebeler.com/
- https://responsively.app (Navegador diseñado para desarrolladores)
- https://sizzy.co/ (Navegador diseñado para desarrolladores)
- https://polypane.app/ (de Pago, Navegador diseñado para desarrolladores)
- https://gitloft.com/ (Lista software Open Source)
- https://www.streamlit.io/ (Scripts into sharable web apps)
- https://typora.io/ (Editor Markdown)
- https://zealdocs.org/ (Documentación offline para desarroladores)
- https://bootstrapstudio.io/ (de Pago, Bootstrap)
- https://getloaf.io/ (Animar SVG)
- https://fontba.se/ (Administrador de Fuentes)
- Screen Recorder/Capturar Pantalla
- IDE's
- https://scaleflex.github.io/filerobot-image-editor/
- https://mantine.dev/
- https://tamagui.dev/
- https://auto-animate.formkit.com/
- https://novu.co/
- JS
- https://modernizr.com/ (Detecta funcionalidades disponibles en navegadores usuarios)
- https://emotion.sh/docs/introduction (Escribir estilos CSS con JavaScript)
- https://animejs.com/ (Animaciones con JavaScript)
- https://scrollrevealjs.org/ (Animaciones cuando elementos entran y salen de viewport)
- https://livejs.com/ (Actualiza tu sitio web de manera automática al sufrir cambios)
- https://blotter.js.org/ (Efectos para letras)
- https://sweetalert.js.org/guides/ (Cambia aspecto alertas JS)
- https://www.pixijs.com/ (2D WebGL renderer)
- https://github.com/cmiscm/leonsans (Efectos para letras)
- https://www.curtainsjs.com/ (Convierte elementos HTML que contengan imágenes y/o videos en texturas 3D WebGL)
- https://zzz.dog/ (Motor 3D para canvas y SVG)
- https://barba.js.org/ (Animar transiciones dentro de páginas en un sitio web)
- https://alvarotrigo.com/fullPage/es/ (Animar transiciones dentro de páginas en un sitio web)
- https://packery.metafizzy.co/ (Draggable layouts)
- https://greensock.com/ (Animación)
- https://micku7zu.github.io/vanilla-tilt.js/ (Animar objetos)
- https://www.dflex.dev/ (Manipular DOM, draggable)
- https://momentjs.com/ (Reloj)
- https://playerjs.com/ (HTML5 player)
- https://parceljs.org/
- https://alvarotrigo.com/pagePiling/ (Presentar sitio con scrolling, como PPT)
- https://github.com/ganlanyuan/tiny-slider
- https://scrollmagic.io/
- https://gooey-react.netlify.app/
- https://adir-sl.github.io/JSinCSS/
- https://atroposjs.com/
- https://fabricjs.com/
- https://pawelgrzybek.github.io/siema/
- https://www.vantajs.com/ (Fondos animados)
- https://hammerjs.github.io/
- https://react-select.com/home
- https://www.gethalfmoon.com/
- https://splidejs.com/
- https://www.animatereactnative.com/ (React)
- CSS
- https://bulma.io/ (Framework basado en Flexbox)
- https://purecss.io/ (Módulo pequeño y responsive de CSS)
- https://simplecss.org/ (Classless CSS framework)
- https://github.com/troxler/awesome-css-frameworks (Lista de Frameworks CSS)
- https://github.com/uhub/awesome-css (Lista de Frameworks, librerías y software CSS)
- https://materializecss.com/about.html (Front-end Framework basado en Material Design)
- https://blocks.wickedtemplates.com/ (Colección layouts Tailwind CSS V2)
- https://loading.io/css/ (animaciones loading)
- https://tachyons.io/ (Módulo pequeño y responsive de CSS)
- http://getskeleton.com/ (Módulo pequeño y responsive de CSS)
- https://animxyz.com/ (Animaciones)
- https://lottiefiles.com/ (Animaciones)
- https://github.com/animate-css/animate.css (Animaciones)
- http://www.justinaguilar.com/animations/index.html (Animaciones)
- https://mdbootstrap.com/ (de Pago, Material Design Bootstrap)
- https://codyhouse.co/ (UI Framework)
- https://unsemantic.com/ (fluid grid system)
- http://designmodo.github.io/Flat-UI/ (Módulo pequeño y responsive de CSS)
- https://github.com/oxalorg/sakura (Tema para sitios minimalista)
- https://www.w3schools.com/w3css/defaulT.asp (Módulo pequeño y responsive de CSS)
- https://tailwindcss.com/
- https://getbootstrap.com/
- https://windicss.org/
- https://github.com/dbohdan/classless-css (Colección Classless CSS)
- https://bootflat.github.io/
- https://muellergridsystem.com/
- https://get.foundation/
- https://github.com/themesberg/neumorphism-ui-bootstrap
- https://purgecss.com/
- https://github.com/ingram-projects/animxyz
- https://github.com/720kb/radiobox.css
- https://www.pollen.style/
- https://cssnano.co/
- https://github.com/necolas/normalize.css
- https://lightningcss.dev/
- https://code.hnldesign.nl/btn-deluxe/#
- https://bootswatch.com/darkly/
- Estilos inpirados en otros preexistentes
- https://jdan.github.io/98.css/ (Estilo Windows 98)
- https://botoxparty.github.io/XP.css/ (Estilo Windows XP)
- https://khang-nd.github.io/7.css/ (Estilo Windows 7)
- https://micah5.github.io/PSone.css/ (Estilo PS1)
- https://nostalgic-css.github.io/NES.css/ (Estilo NES)
- https://www.getpapercss.com/ (Estilo dibujo a mano)
- https://terminalcss.xyz/ (Estilo terminal)
- https://metroui.org.ua/ (Windows UI, Metro)
- https://github.com/winjs/winstrap (Windows UI, Metro)
- Estilos inpirados en otros preexistentes
- REACT
- Componentes
- JS
- https://neocities.org/
- https://pages.github.com/
- https://www.netlify.com/
- https://www.heroku.com/
- https://www.000webhost.com/
- https://www.launchaco.com/
- https://www.jimdo.com/es/
- https://vercel.com/
- https://tiiny.host/
- https://mdbgo.com/
- https://firebase.google.com/
- https://aws.amazon.com/es/
- https://surge.sh/
- https://render.com/
- https://about.gitlab.com/
- https://www.stormkit.io/
- https://azure.microsoft.com/es-es/free/
- https://hostman.com/
- https://fosshost.org/
- https://www.clodui.com/
- https://pages.cloudflare.com/
- https://ionos.space/
- https://ngrok.com/
- https://byet.host/
- https://code.visualstudio.com/docs/languages/overview (Guías de como interactúan diferentes lenguajes con Visual Studio Code)
- https://github.com/bmorelli25/Become-A-Full-Stack-Web-Developer/ (Guía y recursos generales para ser un web developer)
- https://piccalil.li/ (Guía y recursos generales front-end)
- https://darkpatterns.org/index.html (Guía para reconocer trucos utilizados en sitios web y aplicaciones que te obligan a hacer cosas que no querías)
- https://github.com/adonismendozaperez/33-js-conceptos (33 Conceptos que todo desarrollador de JavaScript debería saber)
- https://cssreference.io/ (Guías visuales CSS)
- https://tympanus.net/codrops/css_reference/ (Guías visuales CSS)
- https://htmlreference.io/ (Guías visuales HTML)
- https://hotwire.dev/ (HTML en vez de JSON)
- https://github.com/andersontr15/clean-code-javascript-es (Guía para escribir código JS comprensible)
- https://goalkicker.com/ (Apuntes de libros de programación)
- https://andreasbm.github.io/web-skills/ (Guía de habilidades a aprender como desarrollador web)
- https://responsibleweb.app/ (Artículo sobre diseño responsive)
- https://yeisondaza.com/optimizar-sitio-web-preload-prefech (Cómo cargar sitio web más rápido)
- https://www.contentkingapp.com/academy/javascript-seo/ (Guía buenas prácticas JavaScript)
- https://medium.com/@larsdouweschuitema/why-and-how-to-build-a-website-without-javascript-a220830afadb (¿Por qué y comó hacer un sitio sin JavaScript)
- https://itnext.io/11-micro-frontends-frameworks-you-should-know-b66913b9cd20
- https://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
- https://www.freecodecamp.org/news/how-to-understand-css-position-absolute-once-and-for-all-b71ca10cd3fd/
- https://codepen.io/tigt/post/optimizing-svgs-in-data-uris
- https://medium.com/@nmayurashok/file-and-folder-structure-for-web-development-8c5c83810a5 (Folder Structure for Web Development)
- https://www.freecodecamp.org/news/use-svg-images-in-css-html/ (Uso SVG)
- https://softwaretestingfundamentals.com/unit-testing/
- https://www.atlassian.com/continuous-delivery/software-testing/types-of-software-testing
- https://www.freecodecamp.org/news/how-to-start-unit-testing-javascript/
- https://domevents.dev/ (Entender DOM Event de forma visual)
- https://dev.to/sapardo/etiquetas-semanticas-de-html5-3j7m
- https://markodenic.com/html-tips/
- https://websitesetup.org/html-tutorial-beginners/
- https://github.com/thedaviddias/Front-End-Performance-Checklist
- https://github.com/thedaviddias/Front-End-Checklist
- https://a11y.coffee/ (web accessibility)
- https://cssgridgarden.com/#es (CSS)
- https://exercism.io/ (Diversos lenguajes)
- https://cantunsee.space/ (Diseño UI)
- https://www.frontendmentor.io/ (HTML, CSS y JS)
- https://www.frontendpractice.com/ (HTML, CSS y JS)
- https://uicoach.io/ (HTML, CSS y JS)
- https://piccalil.li/category/front-end-challenges-club (HTML, CSS y JS)
- https://devchallenges.io/ (Web, Front-end, Full-Stack)
- https://flexboxfroggy.com/#es (CSS)
- https://www.euismod.dev/#/ (CSS Grid)
- https://flukeout.github.io/ (CSS Selectors)
- https://www.codingame.com/start (JS)
- https://github.com/kamranahmedse/developer-roadmap
- https://learn-anything.xyz/web-development
- https://medium.com/better-programming/become-a-web-developer-in-180-days-without-cs-degree-e869395972e1
- https://roadmap.sh/
- https://refactoringui.com/ (Tips diseño UI)
- https://dhd.gitbook.io/dhd-glosario-ux/ (Glosario Diseño UX)
- https://mosaic.uoc.edu/2015/09/15/proceso-de-desarrollo-de-un-proyecto-digital/ (Guía de las etapas por la que pasa el diseño de una web o una aplicación informática)
- https://medium.com/@meetchopz/10-bad-typography-habits-that-scream-amateur-8bac07f9c041 (10 malos hábitos tipográficos)
- https://www.smashingmagazine.com/2016/04/web-developer-guide-color/ (Guía de selección de color)
- https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886 (Tips diseño UI)
- https://www.ibm.com/design/language/ (Artículo con consejos respecto a crear logos)
- https://1linelayouts.glitch.me/ (10 layouts CSS)
- https://www.oakharborwebdesigns.com/blog/articles/how-to-design-a-website.html#blog-post (Artículo con consejos respecto a diseñar un sitio web)
- https://www.matuzo.at/blog/html-boilerplate/ (Artículo que explica estructura básica documento HTML)
- https://www.designwizard.com/blog/design-tips/color-theory?msID=06a7c0a7-132a-4824-860b-edce47068070 (Colores)
- https://www.canva.com/font-combinations/ (Emparejar fuentes)
- https://georgefrancis.dev/writing/a-beginners-guide-to-applying-color-in-ui-design/
- https://cloudfour.com/thinks/seriously-dont-use-icon-fonts/
↑ Algunos si incluyen videos
- https://developer.mozilla.org/es/docs/Learn/Getting_started_with_the_web (HTML, CSS y JS)
- https://www.w3schools.com/ (HTML, CSS y JS)
- https://informaticapc.com/tutorial-html/ (HTML, CSS y JS)
- https://uniwebsidad.com/?from=librosweb (HTML, CSS y JS)
- https://aprende.org/ (HTML, CSS y JS)
- https://manz.dev/ (HTML, CSS y JS)
- https://open-bootcamp.com/ (HTML, CSS y JS)
- https://fullstackopen.com/es/ (HTML, CSS y JS)
- https://www.hazunaweb.com/ (HTML y CSS)
- https://github.com/hail2u/html-best-practices (HTML)
- https://github.com/AllThingsSmitty/css-protips/tree/master/translations/es-ES (CSS)
- https://es.javascript.info/ (JS)
- https://jsparagatos.com/ (JS)
- https://openlibra.com/es/book/introduccion-a-javascript (JS)
- https://learnxinyminutes.com/docs/es-es/javascript-es/ (JS)
- https://aprendejavascript.org/ (JS)
- https://capacitateparaelempleo.org/
- https://guias.makeitreal.camp/
- https://webaccesible.xyz/ (Accesibilidad)
- https://runebook.dev/es/
- https://www.joshwcomeau.com/effective-portfolio/ (Gratuito, requiere un correo - Link directo)
- https://jgthms.com/css-in-44-minutes-ebook (De pago, Link Directo)
- https://www.freecodecamp.org/ (HTML, CSS y JS)
- https://www.theodinproject.com/ (HTML, CSS y JS)
- https://fullstackopen.com/en/ (HTML, CSS y JS)
- https://devdocs.io/ (HTML, CSS y JS)
- https://css-tricks.com/snippets/ (HTML, CSS y JS)
- https://upskillcourses.com/courses/essential-web-developer-course (HTML, CSS y JS)
- https://www.internetingishard.com/ (HTML, CSS y JS)
- https://codebabes.com/ (HTML, CSS y JS)
- https://wesbos.com/courses (requieren un correo) (HTML, CSS y JS)
- https://hackr.io/ (HTML, CSS y JS)
- https://www.educba.com/software-development/software-development-tutorials/ (HTML, CSS y JS)
- https://frontendmasters.com/ (HTML, CSS y JS)
- https://github.com/microsoft/Web-Dev-For-Beginners (HTML, CSS y JS)
- https://www.w3docs.com/ (HTML, CSS y JS)
- https://openclassrooms.com (HTML, CSS y JS)
- https://www.programiz.com/
- https://v2.scrimba.com/home
- https://www.khanacademy.org/ (HTML y JS)
- https://movethewebforward.org/ (HTML y CSS)
- https://html.spec.whatwg.org/ (HTML, Estándar)
- http://diveintohtml5.info/index.html (HTML)
- https://www.htmlquick.com/tutorials.html (HTML)
- https://jgthms.com/javascript-in-14-minutes/ (JS)
- https://eloquentjavascript.net/ (JS)
- https://testautomationu.applitools.com/ (JS)
- https://javascriptkit.com/ (JS)
- https://web.dev/learn/ (CSS)
- https://drafts.csswg.org/ (CSS)
- https://ishadeed.com/article/learn-box-alignment/
- https://geddski.teachable.com/p/flexbox-zombies
- https://regexlearn.com/
- https://uxengineer.com/principles-of-design/ (Diseño UI)
- https://shiftnudge.com/ (Diseño UI)
- https://material.io/ (Diseño UI)
- https://lawsofux.com/ (Diseño UI)
- https://www.figma.com/resources/learn-design/ (Diseño UI)
- https://goodui.org/ (Diseño UI)
- https://motion.zajno.com/ (Diseño UI/UX)
- https://hackdesign.org/lessons (Diseño)
- https://www.uxdatabase.io/free-product-design-course (Diseño)
- https://www.designsystemchecklist.com/ (Diseño)
- https://www.homeandlearn.co.uk/WD/WebDesign.html (Web Design)
- https://practicaltypography.com/typography-in-ten-minutes.html (Tipografía)
- http://www.typogui.de/ (Tipografía)
- https://betterwebtype.com/ (Tipografía) (requieren un correo)
- https://www.futurelearn.com/courses/introduction-to-cyber-security (requieren un correo)
- https://www.a11yproject.com/checklist/ (Accesibilidad)
- https://codepen.io/Metahari/pen/VJrBrQ (Guia breve contraste colores)
- https://www.staciearellano.com/accessibility-resources/ (Accesibilidad)
- https://darekkay.com/blog/accessible-ui-frameworks/ (Accesibilidad)
- https://plainenglish.io/
↑ Gratuito != No Copyright
- https://github.com/neutraltone/awesome-stock-resources
- https://github.com/shime/creative-commons-media
- https://search.creativecommons.org/
- https://freestuff.dev/
- https://intab.io/resources/
- https://github.com/goabstract/Awesome-Design-Tools/blob/master/Awesome-Design-UI-Kits.md
- https://icons8.com/ (Iconos, Ilustraciones, Imágenes, Música)
- https://www.stockio.com/ (Iconos, Ilustraciones, Imágenes, Vídeos)
- https://allthefreestock.com/ (Iconos, Ilustraciones, Imágenes, Vídeos, Sonidos, Templates, Fuentes)
- https://www.reshot.com/ (Iconos, Ilustraciones)
- https://thenounproject.com/ (Iconos e imágenes)
- https://www.toptal.com/designers/subtlepatterns/ (Patrones)
- https://products.ls.graphics/paaatterns/ (Patrones)
- http://thepatternlibrary.com/ (Patrones)
- https://openlibra.com/es/ (Libros)
- https://www.epidemicsound.com/latest-tracks/ (Música)
- https://www.royaltyfreeplanet.com/ (Música)
- https://soundbible.com/ (Sonidos)
- https://github.com/EbookFoundation/free-programming-books/ (Libros programación)
- https://github.com/tpn/pdfs (Libros programación)
- https://www.designdb.co/ (Mockups, Iconos, Ilustraciones, Templates)
- https://tabler.io/ (Dashboard Template)
- https://www.graphberry.com/category/free-html-web-templates (HTML Templates)
- https://www.tooplate.com/ (HTML Templates)
- https://www.vecteezy.com/ (Iconos, Ilustraciones, Imágenes)
- https://www.vektors.pro/ (Iconos, Ilustraciones, Imágenes)
- https://uigoodies.com/
- https://easlo.notion.site/Notion-Resources-61db8d8ecc0040f7bfac85e21738d906?p=2063488f6b83451db9900db35e2cf88b&pm=s
- https://svgbox.net/
- https://www.svgrepo.com
- https://svgporn.com/
- https://css.gg/
- https://iconsvg.xyz/
- https://ionicons.com/
- https://feathericons.com/
- https://erikflowers.github.io/weather-icons/
- https://websygen.github.io/owfont/
- https://www.visiwig.com/icons/
- https://iconduck.com/
- https://www.flaticon.com/
- https://opensea.io/collection/twemojis (emojis)
- https://icons.getbootstrap.com/
- https://majesticons.com/
- https://endlessicons.com/
- https://iconmonstr.com/
- http://entypo.com/
- https://fontawesome.com/
- http://icon-works.com/
- https://dryicons.com/
- https://icomoon.io/
- https://iconscout.com/
- https://remixicon.com/
- https://healthicons.org/
- https://uxwing.com/
- https://akaricons.com
- https://sensa.co/emoji/
- https://emblemicons.in/
- https://tablericons.com
- https://simpleicons.org
- https://icons.pixsellz.io
- https://3dicons.co/
- http://demo.amitjakhu.com/dripicons/
- https://icones.js.org/
- https://iconsax.io/
- https://undraw.co/illustrations
- https://lukaszadam.com/illustrations
- https://www.manypixels.co/gallery
- https://illlustrations.co/
- https://palms.casa/ (Palmas/Manos)
- https://www.humaaans.com/
- https://error404.fun/
- https://www.drawkit.io/
- https://www.openpeeps.com/
- https://www.opendoodles.com/
- https://avataaars.com/
- https://blush.design/es
- https://iradesign.io/
- https://sketchvalley.com/
- https://www.freevectors.net/
- https://delesign.com/free-designs/graphics
- https://storyset.com/
- https://growwwkit.com/illustrations/phonies
- https://www.vector4free.com/
- https://www.shapefest.com/ (3D)
- https://powerpeopleplatform.com/ (3D)
- https://worldvectorlogo.com/
- https://www.vectorportal.com/
- https://www.freepik.com/
- https://freedesignfile.com/
- https://publicdomainvectors.org/
- https://lottiefiles.com/featured (Animados)
- https://www.glazestock.com/
- https://woobro.design/
- https://isometric.online/
- https://absurd.design/
- https://bigheads.io (Avatares)
- https://personas.draftbit.com/ (Avatares)
- https://avatar.pixeos.art/ (Avatares)
- https://patterns.helloyes.dev/
- https://pxhere.com/en/
- https://pixabay.com/
- http://www.stockvault.net/
- http://www.gratisography.com/
- http://www.rgbstock.com/
- http://splitshire.com/
- http://littlevisuals.co/
- http://picjumbo.com/
- http://foter.com/
- http://www.lifeofpix.com/
- http://pickupimage.com/
- https://uifaces.co/ (Caras/Avatares)
- https://picrew.me/image_maker/
- https://www.pexels.com/
- https://unsplash.com/
- https://stocksnap.io/
- https://pikwizard.com/
- http://thestocks.im/
- https://foodiesfeed.com/ (Comida)
- https://products.ls.graphics/mesh-gradients/ (Gradientes)
- https://artvee.com/ (Arte)
- https://clouddevs.com/3dbay/ (3D)
- https://picsum.photos/
- https://www.stockvault.net/
- https://kaboompics.com/
- https://www.cutestockfootage.com/
- https://coverr.co/
- https://mazwai.com/
- https://www.videvo.net/
- https://www.clipcanvas.com/free-footage
- https://www.videezy.com/
- https://www.vidsplay.com/
- https://cssauthor.com/ (Templates variadas)
- https://mobirise.com/bootstrap-4-theme/navbar-template.html (Bootstrap)
- https://html5up.net/ (Templates HTML5)
- https://cruip.com/free-templates/ (Templates HTML5)
- https://mobirise.com/html-templates/ (Templates HTML5)
- https://nightfury-alfa.com/pages/codingsnow/codingsnow.php (Templates variadas)
- https://www.free-css.com/free-css-templates (Templates CSS)
- https://www.zerotheme.com/ (Templates variadas)
- https://colorlib.com/wp/templates/ (Templates variadas)
- https://splawr.com/freebies (Templates variadas)
- https://bootswatch.com/ (Templates Bootstrap)
- https://www.bootstarters.com/ (Templates Bootstrap)
- https://fonts.google.com/
- https://github.com/larsenwork/Gidole
- https://manropefont.com/
- https://github.com/RedHatOfficial/Overpass
- https://github.com/uswds/public-sans
- https://github.com/floriankarsten/space-grotesk
- https://github.com/coreywho/Urbanist
- https://github.com/source-foundry/Hack
- https://github.com/IBM/plex
- https://github.com/larsenwork/monoid
- https://github.com/indestructible-type/Jost
- https://github.com/weiweihuanghuang/Work-Sans
- https://wildtype.design/
- https://www.fontfabric.com/free-fonts/
- https://github.com/be5invis/Iosevka
- https://fontlibrary.org/
- https://coding-fonts.css-tricks.com/fonts
- https://brick.im/
- https://github.com/belluzj/fantasque-sans
- http://www.fontsquirrel.com
- https://www.jetbrains.com/lp/mono/
- https://www.fontget.com/
- https://www.productdesignresources.com/
- https://lordicon.com/
- https://animaticons.co/
- https://freellustrations.com/
- https://www.pixeltrue.com/illustrations
- https://storytale.io/
- https://pngtree.com/free-vectors
- https://uispace.net/ (Mockups, Iconos, Ilustraciones, Templates)
- https://www.invisionapp.com/inside-design/design-resources/ (Mockups, Iconos, Ilustraciones, Templates)
- https://freebiesketch.com/ (Mockups, Iconos, Ilustraciones, Templates)
- https://wannathis.one/ (Mockups, Iconos, Ilustraciones, Templates)
- https://www.isometriclove.com/ (non-commercial)
- https://themesberg.com/ (Templates)
- https://frontendor.com/ (Templates)
- https://bootstrapmade.com/ (Templates)
- https://desket.co/collections/all (Mockups, Iconos, Ilustraciones, Templates)
- https://gpldl.com/ (Templates)
- https://ui8.net/ (Templates)
- https://amritpaldesign.com/toy-faces (Avatares)
- https://leonidasesteban.com/proyectos/todos (Proyectos)
- https://github.com/public-apis/public-apis
- https://webapis-playground.vercel.app/
- https://api.nasa.gov/
- https://www.frankfurter.app/
- https://www.themoviedb.org/documentation/api
- https://www.themealdb.com/
- https://responsivevoice.org/api/
- https://countapi.xyz/
- https://rickandmortyapi.com/
- https://randomuser.me/ (API generar usuarios random)
- https://www.abstractapi.com/user-avatar-api (API generar usuarios random)
- https://newsapi.org/
- https://remoteok.com/api
- https://codemyui.com/ (Colección diversos Snippets)
- https://cssdeck.com/ (Colección diversos Snippets)
- https://www.littlesnippets.net/ (Colección diversos Snippets)
- https://www.30secondsofcode.org/ (Colección diversos Snippets)
- https://freefrontend.com/ (Colección diversos Snippets)
- https://kandi.openweaver.com/home (Colección diversos Snippets)
- https://markodenic.com/css-tips/ (Colección diversos Snippets)
- https://csslayout.io/ (Colección diversos Snippets)
- https://houdini.how/
- https://www.javascripttutorial.net/snippets/
- https://uiverse.io/
- https://codepen.io/jh3y/pens
- https://www.sliderrevolution.com/resources/css-checkbox/ (Colección de checkboxes)
- https://www.sliderrevolution.com/resources/css-gallery/ (Colección galerías)
- https://www.sliderrevolution.com/resources/css-tooltip/ (Colección tooltips)
- https://ui-snippets.dev/ (Botones)
- https://copy-paste-css.com/ (Botones, Box-shadows, form inputs)
- https://enjeck.com/btns/ (Botones)
- https://devdojo.com/tailwindcss/buttons (Botones)
- https://animatedbackgrounds.me/
- https://markodenic.com/tools/buttons-generator/ (Botones)
- https://getcssscan.com/css-buttons-examples (Botones)
- https://tobiasahlin.com/moving-letters/
- https://hypercolor.dev/
- https://css-tricks.com/snippets/html/glyphs/ (Caracteres especiales HTML)
- https://codepen.io/gita07/pen/QWKXBxw (menubar)
- https://codepen.io/sadegh_rsg/pen/jOyobKN (Página Sign Up)
- https://codepen.io/chriscoyier/pen/JpLzjd (Testear diferentes tipos de CSS Reset)
- https://codepen.io/enxaneta/full/adLPwv (Flex playground)
- http://youmightnotneedjs.com/ (Colección componentes utilizando solo HTML y CSS)
- https://freebiesupply.com/blog/css-background-patterns/
- https://www.tutesinside.net/2016/04/animated-buttons-for-blogger-posts_2.html
- https://codepen.io/chrisgannon/pen/KZMYmp (Merry Christmas Tree)
- https://codepen.io/zackkrida/pen/gObRyoE (Password input)
- https://chrisdermody.com/animated-svg-loader-mydevportfol-io/ (animated SVG loader)
- https://codepen.io/onediv/pen/dkFco (Share Button)
- https://jsfiddle.net/hLwxratf/ (Funky Button)
- https://codepen.io/hilwat/pen/BeemVX (Blob Button)
- https://codepen.io/avvign/pen/NVJzQW (Button With Hover Effect)
- https://codepen.io/ishaansaxena/pen/WoJGRK (Pure CSS Buttons)
- https://codepen.io/mccombsc/pen/ZEzxWPy (Button with Ring Indicator)
- https://codepen.io/kylehenwood/pen/yLzRyj (Burger Button)
- https://codepen.io/labnol/pen/CenhB (Social Share)
- https://jsfiddle.net/8dmxqngs/ (scaleAnimation ancla)
- https://codepen.io/supah/pen/ExabJxB (Animación Flow field)
- https://codepen.io/cristina-silva/pen/XXOpga (CSS Tooltip)
- https://codepen.io/ainalem/full/ZELZKwg (CSS Tooltip)
- https://codepen.io/thebabydino/pen/RRRRZE (Animación corazón sin JS)
- https://codepen.io/goodkatz/pen/LYPGxQz (CSS Waves)
- https://codepen.io/mburakerman/pen/eRZZEv (CSS Waves)
- https://codepen.io/moPsych/pen/abmKKKZ (Animación)
- https://codepen.io/andreasnylin/pen/dNVoLg (Animación calavera)
- https://css-tricks.com/seamless-responsive-photo-grid/ (Responsive Photo Grid)
- https://codepen.io/erikterwan/pen/EVzeRP (CSS Hamburger fold-out menu)
- https://codepen.io/gubb/pen/PdZqKy (Windows 10 calendar effect)
- https://codepen.io/ainalem/full/OJWQbor (Hamburger menu)
- https://css-tricks.com/going-from-solid-to-knockout-text-on-scroll/ (Going From Solid to Knockout Text on Scroll)
- https://codesandbox.io/embed/pmugf?codemirror=1 (Gradiente detras texto)
- https://codepen.io/shadow-scientist/pen/eYgPjxX (Animación ADN)
- https://jsfiddle.net/0mqpcwer/47/ (Shape transform on hover)
- https://codepen.io/oliviale/pen/BaoXOOP (Portada diario)
- https://codepen.io/MikeyT24/pen/xrQvxe (Portfolio)
- https://mdbootstrap.com/snippets/jquery/pjoter-2-0/934696 (Parallax Live Preview)
- https://codepen.io/nicolaspavlotsky/full/ZJPXgy (Tips diseño UI)
- https://www.devlecture.com/ (Reloj sin JS)
- https://codepen.io/ElvisGmz_/pen/xxEVMZa (Responsive NavBar HTML + CSS)
- https://codepen.io/GreenSock/pen/KKpLdWW (Layered pinning - ScrollTrigger)
- https://dev.to/georgedoescode/create-a-generative-landing-page-webgl-powered-background-animation-3nl0
- https://codepen.io/axelaredz/pen/MLjrMW (Navbar Responsive, no JS)
- https://codepen.io/jo_Geek/pen/xgbaEr (Navbar Responsive, no JS)
- https://jsbin.com/harafeluhe/edit (Navbar Responsive, no JS)
- https://codepen.io/yuhomyan/pen/OJMejWJ (Botones animados, no JS)
- https://jsfiddle.net/tbonz/80jkq0Ls/ (Navbar Bulma Framework)
- https://codepen.io/RuudBurger/pen/bwjry (Flip on click without JS)
- https://codepen.io/virgilpana/pen/RNYQwB (Hover Animación)
- https://codepen.io/ainalem/pen/xJydpe (Card Animación)
- https://codepen.io/Booligoosh/pen/mKPpQp (Card Animación)
- https://codepen.io/szpakoli/pen/xbJjdR (Card Animación)
- https://codepen.io/ccrch/pen/jAjKmP (Card Animación)
- https://codepen.io/khadkamhn/pen/BNwxEa (Card)
- https://codepen.io/amit_sheen/pen/abBgWvJ (Animación)
- https://codepen.io/creatz/pen/pooBeev (Estilo letras POP)
- https://codepen.io/ccrch/pen/jrjKmP (Collapsible Grid)
- https://codepen.io/denic/pen/ZEbKgPp (Modal, no js)
- https://codepen.io/JavaScriptJunkie/pen/qBWrRyg (Music player)
- https://codepen.io/patrickhlauke/pen/YaoBop (Texto flicker CRT)
- https://codepen.io/FlorinPop17/pen/XWWZYYG (Boton light/dark mode)
- https://codepen.io/Wongjn/pen/VwMBgZB (Mouse-Out)
- https://codepen.io/smlsvnssn/pen/pEQJpR (Clouds of æther ıı)
- https://codepen.io/avstorm/pen/oqKbLq (Boton hover)
- https://codepen.io/StephenKoller/pen/LWBLNW (Parallax)
- https://codepen.io/argyleink/pen/RwdRaVg (Grid)
- https://codepen.io/jipdev/pen/ZEJOWjP (Grid Tool)
- https://codepen.io/Baghi_9999/pen/VwRQGPG (galeria)
- https://codepen.io/jh3y/pen/gOEgxbd (Scrollbar)
- https://codepen.io/bernzrdo/pen/BaEEqvx (Cards)
- https://codesandbox.io/p/sandbox/circular-mask-animation-v9d7tq
- Typewriter effect
- https://codepen.io/hi-im-si/pen/DHoup
- https://codepen.io/stathisg/pen/Bkvhg/
- https://codepen.io/daviddcarr/pen/XVyQMM/
- https://codepen.io/CheeseTurtle/pen/jzdgI/
- https://codepen.io/aryanpatel170504/pen/xLXVZm/
- https://codepen.io/aakhya/pen/NErZry/
- https://codepen.io/stevn/pen/jEZvXa/
- https://codepen.io/aakhya/pen/wQWZXV/
- https://codepen.io/aakhya/pen/MzeRmK/
- https://codepen.io/aakhya/pen/bQeJaX/
- https://codepen.io/aakhya/pen/dQXLGZ/
- https://codepen.io/aakhya/pen/zMBbog/
- https://codepen.io/aakhya/pen/EOxqOV/
- https://codepen.io/denic/pen/GRoOxbM
- Typewriter effect
- https://www.codeply.com/p/rYdxaRzAYw (sketchJs animation)
- https://codepen.io/jasonleewilson/pen/gPrxwX (Reloj con millisegundos)
- https://codepen.io/tmrDevelops/pen/vOPZBv (Gradiente de fondo en movimiento)
- http://youmightnotneedjquery.com/ (jQuery a JS)
- https://jsfiddle.net/pf4aemn7/ (Flip on click with JS)
- https://codepen.io/mburakerman/full/rNxwqYo (Flip on click with JS)
- https://www.codecademy.com/resources/cheatsheets/all
- https://devhints.io/
- https://cheatography.com/
- https://overapi.com
- https://dev.to/worldindev/the-ultimate-compilation-of-cheat-sheets-100-268g
- https://html-css-js.com/ (CheatSheets y Generadores HTML, CSS y JS)
- https://pixllabs.io/blog/web-development/css-cheat-sheet/ (CheatSheet CSS)
- https://websitesetup.org/css3-cheat-sheet/ (CheatSheet CSS)
- https://dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3 (CheatSheet CSS)
- https://gist.github.com/bradtraversy/c831baaad44343cc945e76c2e30927b3 (CheatSheet MySQL)
- https://github.com/anish000kumar/Javascript-DOM-API-cheatsheet
- https://www.buttoncheatsheet.com/
- https://codehouse-app.netlify.app/
- https://cheatsheetseries.owasp.org/
- https://codingtute.com/javascript-cheatsheets/
- https://overapi.com/
- https://quickref.me/
- https://flexbox.malven.co/
- https://bootstrap-cheatsheet.themeselection.com/
- https://bootstrapshuffle.com/classes
- https://packetlife.net/library/cheat-sheets/
- https://docs.emmet.io/cheat-sheet/
- https://tailwindcomponents.com/cheatsheet/
- https://www.stationx.net/windows-command-line-cheat-sheet/
- https://dev.to/
- https://developerbacon.ca/
- https://frontendfront.com/
- https://egghead.io/
- https://tympanus.net/codrops/
- https://www.webcomponents.org/
- https://dev.tube/
- https://stackoverflow.com/
- https://www.geeksforgeeks.org/
- http://dynamicdrive.com/ (DHTML & JS)
- https://app.daily.dev/
- https://hashnode.com/
- https://omnicollective.dev/
- https://driwwwle.com/
- https://programmerhumor.io/
- https://hey.xyz/
- https://dribbble.com/
- https://www.behance.net/
- https://onepagelove.com/
- https://www.goodweb.design/
- https://www.figma.com/community/explore
- https://www.awwwards.com/
- https://www.designspiration.com/
- https://www.uplabs.com/
- https://www.underconsideration.com/brandnew/
- https://www.sketchappsources.com/
- https://onextrapixel.com/
- https://line25.com/
- https://www.logomoose.com/
- https://www.thebestdesigns.com/
- https://siiimple.com/
- https://httpster.net/
- https://saaspages.xyz/
- https://www.designernews.co/
- https://www.csswinner.com/
- https://screenlane.com/
- https://uigarage.net/
- https://collectui.com/
- https://godly.website/
- https://pfolios.net
- https://muz.li/es
- https://abduzeedo.com/
- https://uxmovement.com/
- https://uxdesign.cc/
- https://littlebigdetails.com/
- https://lookup.design/
- https://www.designprinciplesftw.com/
- https://hugodaniel.com/posts/ (HTML)
- https://www.bufa.es/
- https://frontend-log.com/
- https://anticscode.netlify.app/home
- https://majoledesma.github.io/react-apuntes/
- https://losapuntesdemajo.vercel.app/
- https://uidesigndaily.com/ (Pública diseños gratis)
- https://100dailyui.webflow.io/ (Diseños)
- https://www.hongkiat.com/blog/
- https://code4animate.blogspot.com/ (muerto)
- https://denic.hashnode.dev/
- https://veithen.io/
- https://h.daily-dev-tips.com/
- https://markodenic.com/blog/
- https://catalins.tech/
- https://ubahthebuilder.tech/
- https://blog.kieranroberts.dev/
- https://blog.vladpasca5.com/
- https://inshaweb.hashnode.dev/
- https://lo-victoria.com/
- https://dev.to/andrewbaisden
- https://blog.nickbull.me/
- https://maximilianocontieri.com/
- https://ayushirawat.com/
- https://edidiongasikpo.com/
- https://inclusive-components.design/
- https://www.builder.io/blog
- https://teloexplicocongatitos.com/
- https://www.huntress.com/blog
- https://10kbclub.com/
- https://1mb.club/
- https://www.goodsites.tech/
- https://brutalistwebsites.com/
- https://thebestmotherfuckingwebsite.co/
- https://sjmulder.nl/en/textonly.html
- https://dibujartecss.musarte.dev/
- https://reallygoodemails.com/
- https://www.siteinspire.com/
- https://www.admiretheweb.com/
- https://calltoidea.com/
- https://fontpair.co/ (Fuentes)
- https://femmebot.github.io/google-type/ (Fuentes)
- https://bueltge.de/free-web-font-combinations/ (Fuentes)
- https://www.btw.so/marketing/landing-page-examples
- https://github.com/zuolizhu/frontendmentor_challenges
- https://www.uxdatabase.io/ (Colección Enlaces)
- https://land-book.com/
- https://www.curated.design/
- https://trending.design/
- https://www.darkmodedesign.com/
- https://maxibestof.one/
- https://www.footer.design/
- https://www.landing.love/
- https://uijar.com/
- https://mobbin.com/browse/web/apps
- https://www.uisources.com/ (requieren un correo)
- https://webframe.xyz/
- https://bento.me/home/explore
- https://apple-summary-slides.vercel.app/
- https://appmotion.design/
- https://dalitdesigns.com/index.html
- https://uxplanet.org/top-ui-ux-design-inspiration-139-2f0a40f3cf17
- https://www.motherdesign.com/
- https://scrnshts.club/
- https://layers.to/
- https://designvault.io/
- https://designsystemsrepo.com/
- https://appshots.design/apps/
- https://designsystems.surf/
- https://courseit.io/catalogo/ (HTML y CSS gratis, resto de Pago)
- https://ed.team/cursos (la típica de "esta en oferta" dejando ver solo una parte del curso gratis)
- https://generalassemb.ly/browse
- https://devcode.la/
- https://every-layout.dev/
- https://cloudinary.com/
- https://www.tabnine.com/
- https://lottielab.io/
- https://getterms.io/
- https://www.profolio.design/
- https://www.synthesia.io/ (Crear videos)
- https://stability.ai/stable-video (Crear videos)
- https://huggingface.co/spaces
- https://replicate.com/
- https://makereal.tldraw.com/
- https://consensus.app/
- https://strut.so/ (requieren un correo)
- https://www.eraser.io/diagramgpt
- https://www.aidirectory.org/ (Index empresas)
- https://www.krea.ai/home (requieren un correo)
- Colecciones/Toolkits
- https://old.reddit.com/r/FREEMEDIAHECKYEAH/wiki/ai
- https://www.futuretools.io/
- https://topai.tools/
- https://www.futurepedia.io/
- https://theresanaiforthat.com/
- https://www.literallyanything.io/
- https://www.airepo.io/
- https://tooldirectory.ai/
- https://aivalley.ai/aitools/
- https://ai-advantage.notion.site/640360e552b3444e8422948f479740cd?v=8983ce52e0d54c66bd30f9b4ec9b1322
- https://flowgpt.com/
- https://adamlivas.notion.site/1000-Prompts-Avanzados-para-ChatGPT-4-52cfa4bb512841cc9946263640695502
- https://aiforums.co/
- https://domore.ai/
- https://www.toolsnocode.com/ai
- https://ai-finder.net/
- https://toolscout.ai/
- https://www.insidr.ai/ai-tools/
- https://appsandwebsites.com/
- https://www.tenereteam.com/ai-tool
- https://faind.ai/
- https://digiprotoolz.com/
- https://aicenter.ai/
- https://ai-search.io/
- https://favird.com/l/ai-tools-and-applications
- https://gptforge.net/
- https://www.theaigeneration.com/
- https://letsview.com/ai-tools
- https://www.futureagitools.com/
- https://aitoolboard.com/
- https://www.aitools.directory/
- https://www.thewarehouse.ai/
- https://aiinfinity-meetpatel.notion.site/AI-Infinity-AI-Tools-Directory-0da673c487124ea2b6f8ebe59b75a231
- https://www.toptools.ai/
- https://every-ai.com/
- https://noteableai.com/
- https://uneedbest.com/
- https://nextpedia.io/
- https://aitooltips.com/
- https://aitoptools.com/
- https://victrays.com/
- https://aitoolguru.com/
- https://toolsai.net/
- https://chatgptdemo.com/
- https://aitoolsguide.com/
- https://aioftheday.com/
- https://free-ai-tools-directory.com/
- https://aispotter.io/
- https://aiscout.net/
- https://www.aitoolhunt.com/
- https://www.gptdemo.net/
- https://aitoolsdirectory.com/
- https://www.startupaitools.com/
- https://www.gptacademy.co/
- https://textify.ai/directory/
- https://www.toolspedia.io/
- https://aitools.fyi/es
- https://aitoolsarena.com/
- https://www.marsx.dev/ai-startups
- https://aitrendz.xyz/
- https://saasaitools.com/
- https://saasgpters.com/
- https://easywithai.com/
- https://supertools.therundown.ai/
- https://allthingsai.com/
- https://www.aicyclopedia.com/
- https://whattheai.tech/
- https://www.aiawesome.com/
- https://aimarketing.directory/
- https://descenedigital.com/aitoolsdirectory/
- https://ai-hunter.io/
- https://www.aitoolnet.com/
- https://dang.ai/
- https://promptbase.com/
- Chatbots
- https://chatgpt.com/ (requieren un correo)
- https://www.bing.com/chat
- https://gemini.google.com/ (requieren un correo)
- https://www.phind.com/agent?home=true
- https://www.perplexity.ai/
- https://claude.ai/ (requieren un correo)
- https://deepai.org/chat
- https://talkai.info/es/chat/
- https://www.aichatting.net/es/
- https://echatgpt.org/es/chat
- https://laia.uno/
- https://gitmind.com/es/ai-chat
- https://you.com/search?fromSearchBar=true&tbm=youchat
- https://www.llama2.ai/
- https://academicgpt.net/
- https://0dai.omegaai.io/
- https://kagi.com/fastgpt
- https://candy.ai/ (revolución industrial y sus consecuencias)
- https://digi.ai/ (revolución industrial y sus consecuencias)
- https://www.blackbox.ai/
- https://chat.lmsys.org/
- https://poe.com/ (requieren un correo)
- https://groq.com/ (requieren un correo)
- Imagenes
- https://openart.ai/
- https://www.bing.com/images/create
- https://www.myheritage.es/deep-nostalgia
- https://www.roomgpt.io/
- https://pixai.art/
- https://huggingface.co/spaces/huggingface-projects/diffuse-the-rest
- https://huggingface.co/spaces/fffiloni/stable-diffusion-inpainting
- https://civitai.com/
- https://getimg.ai/
- https://animegenius.live3d.io/text-to-image
- https://www.artguru.ai/
- https://www.hitpaw.ai/tools/4aipaw
- https://app.leonardo.ai/ (requieren un correo)
- https://www.soulgen.net/es/create
- https://www.fotor.com/ai-image-generator/
- https://gfxgen.com/ (requieren un correo)
- https://perchance.org/ai-text-to-image-generator
- https://www.nextgenart.shop/
- https://www.mage.space/
- https://www.craiyon.com/
- Audio
- https://ramblefix.com/
- https://murf.ai/ (requieren un correo)
- Música
- Web Dev focus
- https://v0.dev/
- https://vzy.co/ (requieren un correo)
- Colecciones/Toolkits
- https://www.mitula.com/
- https://www.linkedin.com/jobs/
- https://www.getonbrd.com/
- https://indeed.com/
- https://www.laborum.com
- https://www.computrabajo.com/
- https://bebee.com/
- https://reqlut.com/
- https://www.unmejorempleo.com/
- https://www.sercanto.com/
- https://www.opcionempleo.com/
- https://www.nowhiteboard.org/
- https://jooble.org/
- https://www.infojobs.net/
- https://www.talent.com/jobs
- https://www.google.com/about/careers/applications/
- Chile Focus
- https://www.bne.cl/
- https://lookerstudio.google.com/u/0/reporting/1Tt-TIit7n1AaPPtdXLHOzgPSNFCLGQRf/page/DRf3B?s=hVvWWJQlD5w
- https://www.empleospublicos.cl/pub/convocatorias/convocatorias.aspx
- https://www.serviciocivil.cl/postulantes/
- https://www.chiletrabajos.cl/
- https://www.trabajando.cl/
- https://finderhr.cl/
- https://miguru.ai/
- https://www.yapo.cl/empleos-y-servicios/inicio
- https://empleo.trovit.cl/
- https://cl.talent.com/jobs
- https://www.rastro.com/
- Universidades/Institutos
- https://rrii.ubiobio.cl/empleos-ubb/
- https://www.creaempleo.cl/
- https://duoclaboral.cl/
- https://emplea.inacap.cl/
- https://laboral.inacap.cl/
- https://laetitia.usach.cl/bolsa-de-trabajo
- http://www.empleos.uchile.cl/
- http://portaltrabajos.ulagos.cl/
- https://utalca.trabajando.cl/
- http://empleos.utalca.cl/
- Universidades/Institutos
- Remoto focus
- https://www.getonbrd.world/
- https://www.weremoto.com/
- https://remote.com/
- https://lapieza.io/
- https://www.trabajando.cl/trabajo-remoto/
- https://www.trabajando.com/trabajo-remoto/
- https://www.publipega.com/
- https://remoteok.com/
- https://www.remote.io/
- https://www.realworkfromanywhere.com/
- https://weworkremotely.com/
- https://jobgether.com/
- https://www.workingnomads.com/jobs
- https://www.flexjobs.com/
- https://wellfound.com/
- https://nodesk.co/
- https://remotive.com/
- https://www.devjobsscanner.com/
- https://www.skipthedrive.com/
- https://jobs.telusinternational.com/en_US/careers/Home
- Easy task (Freelance)
- Herramientas
- No permiten búsqueda
- https://devlist.co/ Marketing via email (requieren un correo)
- Chile Focus
↑ No se como calificar estos sitios :/
- https://revioo.io/ (Feedback de codigo)
- https://vas.3m.com/
- https://kreadoai.com/ (Digital Avatar Videos)
- https://nohello.net/es/
- https://musicforprogramming.net/latest/
- https://diagram.com/
- https://ascii.theater/
