Webs que te hacen la vida más fácil y son GRATIS, ideal para diseñadores y programadores

Autor: Nimbus 2000

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: :computer_mouse: :computer:

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
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 - Web para quitar el fondo a una foto donde salga una persona. Subes la foto y te lo quita en 5 segundos. (Diria que detras hay una tecnologia de Adobe)
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 @ carre tilla 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 y splitshire.com - Banco de recursos gráficos, fotos, videos, mockups… Cortesía @ Martiss , @ HumanoGenerico y @ 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
labs.tineye.com/multicolr - Búsqueda de imágenes a partir de varios colores seleccionados
www.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
appear.in y hubl.in - Estas dos sirven para crear salas de videoconferencia. Para los clientes que no saben crearse cuentas o no tienen Skype, Facetime, Hangouts… abres una sala privada, les envías el link y entran directos a tu sala
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

Programación / Informática

regexr.com y regex101.com - Para probar y verificar expresiones regulares. Cortesía @ 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 - 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
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
demoswp.dev - Para crear sitios de prueba WordPress. Te permite hacer 5 instalaciones diferentes. 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

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ía @Iter Criminis

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

ddownr.com - Para descargar vídeo y playlists enteras de Youtube sin 856.946 pop-ups. Opción también de descargar solo el .mp3
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 y calmlywriter.com - 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
deseat.me - 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
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

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!!

Fuente