Webs que me hacen la vida mas facil y gratuitas +diseñadores +programadores
Tema Cerrado
Sexador de pollos
06-ene-2019 13:54
#1
|
Webs que me hacen la vida mas facil y gratuitas +diseñadores +programadores VOL.II 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 rapidapi.com y github.com/public-apis/public-apis - Biblioteca de APIs de mil temáticas diferentes 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 bgjar.com - Generador de fondos SVG para webs o apps 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. cleanup.pictures - Web para quitar elementos de una foto mediante IA 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  umso.com - Web para crear webs sin saber programar para startups marvelapp.com - Web para crear prototipos de apps y webs uizard.io y artboard.studio - Web para crear mockups threed.io, previewed.app y deviceframes.com - Web para crear mockups con dispositivos mobiles material.io - Web para interfaces Material Design. Cortesía @Nacho732 uiguideline.com - Diccionario de nombres de elementos web con ejemplos 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, iconmonstr.com , iconshock.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 graphicburger.com - 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 lottiefiles.com - Banco para animaciones para webs o apps 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, colorhunt.co, pigment.shapefactory.co, khroma.co y palettte.app - Generadores de colores y paletas. Cortesía @ForrestTrump y @Totodile lorem.cat/colors y paletter.ai - 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 mycolor.space - Generador de paletas de color a partir de un color concreto 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 y grabient.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 codi.link - IDE para programar rápido en Html, CSS y Javascript miro.com, jamboard.google.com, aggie.io, draw.chat y figma.com/figjam - 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) vite.new/react - Inicia un proyecto de React directamente en el IDE anterior vite.new/vue - Inicia un proyecto de Vue directamente en el IDE anterior 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, ray.so, codetoimg.com y chalk.ist - Crea capturas 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 rápidamente neumorphism.io - Como el anterior pero con más opciones cssbuttons.io - Generador y biblioteca de botones CSS animista.net - Generar animaciones por CSS rápidamente. Cortesía @Andresws baseline.is/tools/css-photo-filters - Añadir filtros mediante CSS a imagenes caniuse.com - Comprobar la compatibilidad con todos los navegadores de la propiedad CSS que estés utilizando. Cortesía @Andresws picocss.com - Framework CSS minimalista, liviano y funcional para proyectos sencillos mockable.io y designer.mocky.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 heroku.com, netlify.com, fly.io, render.com, railway.app, qoddi.com y https://deta.sh - Servidores (plan gratuito) para proyectos personales y proyectos medios. También tienen integración continua 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 @groovabletrincheradev.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 thunkable.com - Web para desarrollar apps móvil. Cortesía @LaMoza 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 codeguide.co - Guia de buenas prácticas para CSS docusaurus.io - Proyecto open-source para crear documentación de proyectos pickbetterpack.com - Te permite descubrir dependencias alternativas de tu package.json arcentry.com - Para hacer esquemas de la arquitectura de un sistema you.com - Buscador como Google pero especializado en código Extensiones para Google Chrome Bananatag - Extension para Chrome y Gmail, te notifica cuando el destinatario de un mail lo abre PixelBlock - Para evitar que te rastreen con el método anterior 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?" SponsorBlock para YouTube - Saltate automaticamente la parte de un video de Youtube cuando se habla del sponsor 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 Bypass paywall - Saltate el Paywall automaticamente de múltiples paginas web, periodicos, Medium... 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 unblockit.cam - 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, wormhole.app y send.internxt.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, rainymood.com y rainbowhunt.com - Crea sonidos relajantes. Me lo pongo para trabajar cuando no quiero música lofi.cafe y lofly.site - Páginas de música lofi con pomodoro 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 cercaliaint.nexusgeografics.com - Permite ver la iluminación del sol en distintas fechas sobre un mapa en 3d de los edificios 12ft.io, txtify.it y printfriendly.com- Saltate el Paywall de páginas web inkifi.com - Calcula cuanto dinero se puede llegar a hacer con una cuenta de Instagram Webs a otras recopilaciones Hilo FC - COMPARTAMOS enlaces a PAGINAS web INTERESANTES y CURIOSAS Cortesía @Psychorl Hilo FC - Webs útiles y/o curiosas Cortesía @cigarroconhumo Hilo FC - He creado un directorio de herramientas/recursos gratuitos Cortesía @Ron Swanson freebiebucket.com Cortesía @NotLaneBoy github.com/StanForever/awesome-websites Cortesía @Devops Herramientas marketing Cortesía @Qvy 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. |
Editado: 22-sep-2022 19:21 -
ForoCoches: Miembro
06-ene-2019 14:03
#10
|
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 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. |
ForoCoches: Miembro
06-ene-2019 14:04
#13
| 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... |
ForoCoches: Miembro
06-ene-2019 14:05
#17
|
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) |
ForoCoches: Miembro
06-ene-2019 14:06
#18
| Increíble recopilación, Shur. Me guardo los links aunque diseñador no soy xD |
*AutoBan Spam/Flood/Troll*
06-ene-2019 14:10
#27
| joder muchas gracias shur, no conocia muchas y me han paarecido super utiles |
ForoCoches: Miembro
06-ene-2019 14:10
#29
|
Muy buenas, gracias shur. Alguien sabe de algún otro hilo de recopilaciones enfocado a la programación? De tutoriales tengo curiosidad. |
