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
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
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.
Última edición por Nimbus 2000 fecha: 17-oct-2020 a las 17:50.
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.
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...