Webs que me hacen la vida mas facil y gratuitas +diseñadores +programadores

[Nimbus 2000]

Actualización: iba a abrir un blog para recopilar y hacer reviews de las webs, pero no tengo tanto tiempo. He decidido abrir una cuenta de instagram donde ire colgando webs junto 3 o 4 fotos para que sea mas cómodo entersarse un poco de todo: @banana.sites

Buenas shurs, os quiero mostrar las webs que he ido recopilando a lo largo de los años que uso en mi día a día y que son lo más simples posibles:

Contenido fake / Lorem ipsum
picsum.photos - Imagenes random según un tamaño que le especifiques en la URL
dummyimage.com - Imagen con color especificado y el tamaño de esta en la propia imagen
randomuser.me - Tienes imágenes de usuario, que vienen bien si estás desarrollando una web o app con perfil de usuario. Además tiene un API para acceder a esas imágenes. Cortesía de @nestochi
mockaroo.com y generatedata.com - Dos generadores de datos para SQL, JSON... Cortesía @camaleon_PS

Diseño / Imagen
pixlr.com y photopea.com - "Photoshop" corriendo sobre un navegador. Lo uso cuando estoy en un PC sin el Photoshop instalado y necesito retocar imagenes. Cortesía @skojanick
fotor.com - Editor de fotos online (tipo brillo, contraste, rotación...). Tambien tiene algunas plantillas para hacer diseños. Cortesía @Anukht
photoeditor.polarr.co - Editor de imagenes Raw. Version free muy básica
canva.com y edit.org - Para crear diseños rapidos con las medidas estandar (Cabeceras y posts de Facebook, stories...)
logomakr.com - Para crear logos/iconos o diseños sencillos. Cortesía @arnaucr1 y @Hamichi
ezgif.com - Herramientas útiles de edición de fotos y gifs online como recortar, reescalar, optimizar para bajar el tamaño... Cortesía @Kurosune
promo.com - Escalador rápido de imágenes para todas las redes sociales
audiomass.co - Editor de audio online
snazzymaps.com - Layouts creados por la comunidad para Google Maps. Distintos y originales. Faciles de incrustar
pixelmap.amcharts.com - Generador de mapas pixelados
mapchart.net - Generar mapas con las regiones y colores que te interese
chartify.io - Generador de gráficos
remove.bg y stickermule.com - Web para quitar el fondo a una foto donde salga una persona. Subes la foto y te lo quita en 5 segundos.
colourise.sg - Herramienta para colorear fotos en blanco y negro. Cortesía @skojanick
figma.com - Programa de diseño vectorial y de interfaces, muy similar a Sketch, que corre en el navegador (con lo cual lo puedes usar en cualquier equipo) y es gratis para uso individual. Cortesía @D-Fens
webflow.com - Web para crear webs sin saber programar. No tan complicado como WordPress pero mas profesional que Wix
marvelapp.com - Web para crear prototipos de apps y webs
material.io - Web para interfaces Material Design. Cortesía @Nacho732
nadirpatch.com - Crear el parche de nadir. Cortesía @mancalibra
vectorizer.io - Para transformar cualquier .png en vector de forma automática. Cortesía @Kranz
ilovepdf.com, pdf2go.com y smallpdf.com - Para hacer cualquier tipo de operación con PDFs de manera rápida y sencilla. Cortesía @aGiral, @gonso05 y @USHURario
kraken.io, tinypng.com y compressor.io - Para reducir el peso de las imágenes. Cortesía @Villamarin y @Qvy
myfonts.com - Identificador de fuentes

Iconos
flaticon.com y iconmonstr.com - Puedes descargar iconos gratis para presentaciones, web, CV y demás. Cortesía @Carretilla Roja y @Nacho732
fontello.com - Generar fuentes con los iconos que necesites, se pueden subir incluso tus propios iconos para generar las fuentes. Cortesía @xarly_3
realfavicongenerator.net - Para generar el favicon para los distintos dispositivos. Cortesía @Villamarin

Bancos de recursos gráficos
freepik.es, graphicburger.com , pixabay.com, splitshire.com y [B]graphicburger.com [/B ]- Banco de recursos gráficos, fotos, videos, mockups... Cortesía @Martiss , @HumanoGenerico, y @CompiTrueno @Qvy
unsplash.com, pexels.com y picjumbo.com - Banco de fotos. Cortesía @varofv66, @HumanoGenerico y @Qvy
photos.icons8.com y photos.icons8.com/creator - Banco de fotos + creador de imágenes de stock
icons8.com/upscaler - Reescala imagenes mediante IA sin perder calidad
undraw.co - Conjunto de ilustraciones con un mismo estilo para presentaciones etc. Libre de derechos
labs.tineye.com/multicolr - Búsqueda de imágenes a partir de varios colores seleccionados
videvo.net y mixkit.co - Banco de videos. Cortesía @Qvy
blendswap.com - Un montón de modelos 3D gratis para trabajar sobre ellos o incorporar tal y como están. Cortesía @HumanoGenerico
thispersondoesnotexist.com - Cada vez que recargas la página se genera una cara por inteligencia artificial. Caras que no existen. Cortesía @Sergiussss

Color
coolors.co, Adobe Color CC, color.hailpixel.com y palettte.app - Generadores de colores y paletas. Cortesía @ForrestTrump y @Totodile
lorem.cat/colors - Generador de colores y extractor de colores dominantes en una imagen
learnui.design/tools/data-color-picker - Generador de colores equidistantes
paletton.com - Generador de colores dirigido al diseño web
tools.medialab.sciences-po.fr/iwanthue - Generador de colores dirigido a la representación de datos
Coolhue - Generador de gradientes con CSS. Cortesía @ForrestTrump
uigradients.com - Paleta de gradientes. Cortesía @Idril
duotone.shapefactory.co - Para crear imagenes de dos colores que tú decidas. Por defecto coge imágenes del repositorio de unsplash, pero también puedes subir tus propias imágenes. Cortesía @Hamichi

Herramientas colaborativas
repl.it y codesandbox.io - IDE para programar y ejecutar en web y en grupo. Tiene muchos lenguajes distintos. Parecido al antiguo Cloud9.
codeshare.io - IDE para programar en grupo como el anterior pero diria que con videoconferencia integrada, brutal. Cortesía @Daneel_Olivaw
awwapp.com, jamboard.google.com, aggie.io y draw.chat - Pizarra online simple. Para cuando le quieres explicar algo a alguien, le envías el link de tu pizarra y el vera todos tus movimientos. Cortesía @Maharon y @Qvy
draw.io - Para hacer esquemas, diagramas de flujo... Tiene integracion con Google Drive. Cortesía @socramazo y @DonNada
overleaf.com - Editor de LaTeX online con posibilidad de compartir proyectos y editarlos a la vez, con control de historia y chat. Cortesía @EgoLatry
retrotool.io - Permite hacer retrospectivas con una pizarra compartida.

Programación / Informática
regexr.com y regex101.com - Para probar y verificar expresiones regulares. Cortesía
ihateregex.io - Para los que no nos gustan las expresiones regulares y encontrar alguna ya hechas @Xarlyp y @Gel
explainshell.com - Desglosa los comandos de terminal de Linux aportando una breve explicación. Cortesía @Cerv1
gitignore.io - Puedes generar archivos .gitignore para el lenguaje de programación que desees, así evitar subir ficheros que no deberías. Cortesía @WeBo
stackblitz.com - IDE online con la posibilidad de iniciar con proyectos de Angular o React entre otros. Cortesía @Sagnam (No se si también es colaborativa)
codesandbox.io, codepen.io y jsfiddle.net- Para probar JavaScript y frameworks de forma sencilla online y guardar ejemplos funcionales. Cortesía @PRoViDeZ, @siegrefed y @Trademarkos
carbon.now.sh - Crea imágenes de tu código en los típicos temas (Monokai Sublime...)
ninite.com y winstall.app - Web para descargar todos los programas mas comunes de golpe y en un solo paquete. Super cómodo para instalación de nuevos Windows
chocolatey.org - Parecido al anterior pero mas complejo. Para instalar de forma ágil ,software, paquetes, etc mediante consola. Cortesía @roleador
mailtolink.me - Para meterle a un link un "mailto:" facilmente
border-radius.com - Genera bordes redondeados con CSS rapidamente
animista.net - Generar animaciones por CSS rapidamente. Cortesía @Andresws
caniuse.com - Comprobar la compatibilidad con todos los navegadores de la propiedad CSS que estés utilizando. Cortesía @Andresws
mockable.io - Servidor API/REST gratuito uso básico, te permite simular respuestas del servidor a peticiones get. Cortesía @bilbi
pythonanywhere.com - Servidor gratuito para pequeños proyectos de Python
sheety.co - Convierte una hoja de cálculo en una API
jsonlint.com - Para probar si un JSON es correcto. Cortesia @Roig_
webhook.site - Te crea un webhook online. Cortesia @Roig_
I'm a Gentleman - Extensión para bajar muchas imagenes a la vez, útil para entrenar modelos de machine learning por ejemplo. Cortesia @Roig_
registry.opendata.aws - Datasets públicos de Amazon para hacer BigData o ML. Cortesia @Roig_
godbolt.org - Para ver que código genera el compilador. Una fumada... Cortesía @groovable
trincheradev.com - Para crear sitios de prueba WordPress. Te permite por el momento hacer 1 instalación. Cortesía @JAIBA TAMPS
themesgenerator.com - Permite crear diseños para Wordpress. Cortesía @marcus7
generatewp.com - Para generar código con el que personalizar WordPress: crear custom post types, taxonomías, etc. Cortesía @SrCachopo
builtwith.com - Muestra como esta echa una web. Cortesía @Qvy
materializecss.com - Framework de Material Design. Cortesía @Qvy
sequencediagram.org - Es similar a draw.io, pero se crea mediante texto. Como un LaTeX pero de diagramas . Cortesía @vakulinchu
serprobot.com/serp-check.php - Para conocer cuál es la posición de tu web en función de las keyword que le indiques. Cortesía @LIFEPARK
stackshare.io - Explorar que Stack usan las compañías tecnológicas más importantes
Git flow cheatsheet - Infografía de cómo funciona y cómo se utiliza Git flow
devdocs.io - Documentación centralizada de un montón de lenguajes. Cortesía @Neverwinter2
arcentry.com - Para hacer esquemas de la arquitectura de un sistema

Extensiones para Google Chrome
Bananatag - Extension para Chrome y Gmail, te notifica cuando el destinatario de un mail lo abre
I don't care about cookies - Elimina los avisos de politicas de cookies y les da a "aceptar" en muchas webs
Youtube Ad auto skipper - Le da al boton de Skip Add en Youtube automáticamente
YouTube NonStop - Evita el aviso de Youtube de "Se ha pausado el vídeo. ¿Quieres seguir viéndolo?"
Df Tube - Elimina la pagina inicial de Youtube, los videos recomendados, los comentarios... todo lo que te mantiene enganchado. Lo uso porque soy incapaz de entrar a Youtube a ver un video sin distraerme
HabitLab - Parecido al anterior pero en muchas otras webs
Skyload - Para descargar casi cualquier video de una página web
Ver Imagen - Recupera el boton "Ver imagen" en Google Imagenes
Full page screen capture - Para hacer captura de pantalla de toda una pagina web (sin tener que hacer scroll). Cortesía @Utill
Wappalyzer - Te dice con que herramientas está hecha una página web
CSS Peeper - Extensión que muestra la fuente, tamaño, código de color y demás datos de los elementos visuales de una web. Puedes descargar todas la imagenes de golpe de una web
WhatFont - Te muestra que fuente se esta usando en una web .Cortesía @CanAm @AJV23
ColorZilla - Para sacar un color especifico de la pagina web. Cortesía @AJV23
Monokai for Chrome - Te transforma el inspector de código Google Chrome a los colores de Sublime. Ojo! Hay que leer las instrucciones
JSON Viewer - Transforma un JSON devuelto por una API en un formato legible. Permite aplicar los colores de Sublime entre otros.
Grammarly - Para escribir en ingles es perfecto ya que te corrige hasta las preposiciones. Cortesía @Villamarin
Keepa - Te avisa de las caídas de una producto de Amazon. Cortesía @Iter Criminis
Letyshops - Te da dinero que puedes retirar con cada compra en ciertas webs, aliexpress, pc componentes, etc... Corteísa @Iter Criminis
Google Meet Enhancement Suite - Permite poner en cuadricula los participantes de una reunión en Google Meet. También mutea automáticamente y habilita el micro con la tecla shift.

Toucan - Extensión para aprender idiomas mientras navegas por internet. No hay la opción en inglés, esperemos que esté disponible pronto

Fuentes de inspiración o tonterias
r.sine.com - Cada vez que recargas la página te sale una imagen random. Ojo porque pueden salir +18
theuselessweb.com - Esta página te lleva a una página inútil
weirdorconfusing.com - De los creadores de la anterior, esta te lleva a algo raro
awesomestufftobuy.com - Para comprar cosas raras
medium.com - La biblia de artículos sobre multitud de temáticas. Si te propones leer un par de artículos al día serás mejor profesional de forma sencilla. Cortesía @PRoViDeZ
designspiration.net - Buscador de diseños
dribbble.com - Trabajos de diseñadores.Cortesía @CanAm
indiehackers.com - Explora negocios electrónicos y ganancias que están dando
Páginas web interesantes para cuando te aburras - Magnífico hilo cortesía @redkel

Otras herramientas útiles
y23.tech - Para descargar vídeo y playlists enteras de Youtube sin 856.946 pop-ups. Opción también de descargar solo el .mp3
videocyborg.com Para descargar videos de multitud de páginas web. Cortesía @kaunos
free-mp3-download.net - Para bajar cualquier canción del mundo en máxima calida. Hay que desactivar el AdBlock y hay muchos anuncios y pop-ups, pero vale la pena. Cortesía @Mitsurugi
unblocked.ltda - Web con el listado de las webs de torrent cerrados por temas legales y su URL alternativa
zenpen.io, calmlywriter.com y write.as - Webs para escribir sin muchas opciones, minimalista. El texto se guarda en cache del navegador.
telegra.ph - Para pegar textos y enviarlos o publicarlos a través de un link.
fullpagescreencapture.com - Puedes hacer una captura de pantalla completa de una web con tan solo introducir su URL
fromsmash.com - Envia archivos pesados online. Es como Wetransfer pero mejor, no hay limite de tamaño y es igual de simple
www.deseat .me (Sin el espacio) - Darse de baja de todas las webs que te hayas dado de alta con tu Gmail o Outlook
gubik.io/cal - Plantilla de calendario minimal para imprimir
instantusername.com - Buscador de disponibilidad de usernames en redes sociales
desmos.com - Para hacer representaciones de funciones. Esta es de cuando estudiaba, no tendría que estar en esta lista pero esta muy bien hecha y me saco de muchos apuros junto con Wolfram Alpha
asoftmurmur.com, ambient-mixer.com y rainymood.com - Crea sonidos relajantes. Me lo pongo para trabajar cuando no quiero música
pasteboard.co - Sacas un pantallazo de tu ordenador, lo pegas en esa web y te devuelve un enlace que lo puedes pasar a un tercero para compartir el pantallazo. Cortesía @Roly
screenshot.guru - Saca una captura de pantalla de una web o un tweet en alta resolución
recordscreen.io - Web que graba la pantalla de tu ordenador junto con tu webcam sobrepuesta
lmgtfy.com - Animación para enviarle a la gente pesada que pregunta cosas que puede encontrar él mismo en Google
deepl.com - Lo recomiendan como el mejor traductor, habrá que probarlo!!. Cortesía @Ricoland y @_Pelaggius_
justwatch.com - Para saber donde ver una película que estés buscando
Meet in the middle - Permite encontrar el punto intermedio exacto entre unas direcciones dadas
fast.com - Herramienta creada por Netflix para mirar la velocidad de tu internet
inkifi.com - Calcula cuanto dinero se puede llegar a hacer con una cuenta de Instagram

El shur @Psychorl nos recuerda que hay este hilo que es como el mio pero a lo bestia.
También @NotLaneBoy nos recomienda freebiebucket.com, una web que recopila otras páginas web y herramientas.
Y @Qvy nos deja una recopilación de herramientas de marketing impresionante!

Esto es todo! Espero que las disfrutéis! Si sabéis alguna otra web ponedla también!!

Sois muy grandes! Estáis aportando páginas guapísimas!

Edit: voy añadiendo a la lista las páginas que proponéis que me parecen interesantes. No las añado todas para mantener la lista interesante.

[estratagemas]

https://www.random.org

[Imperiator]

Se va directo a favoritos.

[Ikki de Fénix]

Gracias. 5 estrellas y a favoritos.

[Maharon]

Gracias Eduardo

[Cusicus]

Sitiazo

[Wäzynho]

Sitio

[daxdog]

Ok

[ironboar]

Sitio

[nestochi]

Originalmente Escrito por Nimbus 2000

picsum.photos - Lorem ipsum de imagenes random segun un tamaño que le especifiques en la URL
dummyimage.com - Lorem ipsum de imagen con color especificado y el tamaño de esta en la propia imagen

Parecidas a éstas también está randomuser.me
Tienes imágenes de usuario, que vienen bien si estás desarollando una web o app con perfil de usuario.
además tiene un api para acceder a esas imágenes.

[Celiiiw3]

Sirio

[RodTech]

Me ha gustado el de soft murmur shur

[Lucko]

Para descargar cualquier video de youtube: copiar url completa y borrar ""ube", te mandará a una web llamada Yout.com en la que descargar el vídeo en mp3/mp4/gif...

[Hank_ Moody]

¡¡¡Gracias!!!

[PerroDeTindalos]

Grande edu, mis dies

[Typh]

Sitio

[Xarlyp]

Pillo sitiazo y aporto una página yo también:

https://regexr.com

Para probar y verificar expresiones regulares (me ha salvado más de una vez)

[ags]

Increíble recopilación, Shur. Me guardo los links aunque diseñador no soy xD

[Rocosito]

Sitio en primera página.

[The Nuts]

Me lo apunto

[allévoy]

Grande shur, gracias

[Valverde80]

5 lentejas, shur.

[krebs]

Gracias por compartirlo.

[Carpeta]

Sitiazo, gracias

[Palimpsesto]

Me lo guardo. Gracias!

[Cas1nick]

Muchas gracias shur. Lo añado en favoritos.

[Tessellate]

joder muchas gracias shur, no conocia muchas y me han paarecido super utiles

[tonizm]

Sitiazo. Mis dies

[Pandam]

Muy buenas, gracias shur.
Alguien sabe de algún otro hilo de recopilaciones enfocado a la programación? De tutoriales tengo curiosidad.

[yeidy17]

Sitio. Buen aporte Shur