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

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

Fritox

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

canva.com - 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

snazzymaps.com - Layouts creados por la comunidad para Google Maps. Distintos y originales. Faciles de incrustar

pixelmap.amcharts.com - Generador de mapas pixelados

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 


material.io - Web para interfaces Material Design. Cortesía @Nacho732

vectorizer.io - Para transformar cualquier .png en vector de forma automática. Cortesía @Kranz

ilovepdf.compdf2go.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.iotinypng.com compressor.io - Para reducir el peso de las imágenes. Cortesía @Villamarin y @Qvy


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

freepik.esgraphicburger.com pixabay.com y splitshire.com - Banco de recursos gráficos, fotos, videos, mockups... Cortesía @Martiss , @HumanoGenerico y @Qvy

unsplash.compexels.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


Color

coolors.coAdobe Color CCcolor.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

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 - IDE para programar y ejecutar en web y en grupo. Tiene muchos lenguajes distintos. Es la versión mejorada de una herramienta que había antes llamada Cloud9.

codeshare.io - IDE para programar en grupo como el anterior pero diria que con videoconferencia integrada, brutal. Cortesía @Daneel_Olivaw

awwapp.comjamboard.google.com y aggie.io - 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


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

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 y codepen.io - Para probar JavaScript y frameworks de forma sencilla online y guardar ejemplos funcionales. Cortesía @PRoViDeZ y @siegrefed

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

mockable.io - Servidor API/REST gratuito uso básico, te permite simular respuestas del servidor a peticiones get. Cortesía @bilbi

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

themesgenerator.com - Permite crear diseños para Wordpress. Cortesía @marcus7

builtwith.com - Muestra como esta echa una web. Cortesía @Qvy

materializecss.com - Framework de Material Design. Cortesía @Qvy


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

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

Grammarly - Para escribir en ingles es perfecto ya que te corrige hasta las preposiciones. Cortesía @Villamarin


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

zenpen.io - Web para escribir sin muchas opciones, minimalista. El texto se guarda en cache del navegador.

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

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

lmgtfy.com - Animación para enviarle a la gente pesada que pregunta cosas que puede encontrar él mismo en Google

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.

deepl.com - Lo recomiendan como el mejor traductor, habrá que probarlo!!