Categoría: Recurso Web


Editor online para JSON

Necesitaba editar un archivo Json para verificar su estructura y como se componen los nodos, pero no quería instalar un programa de terceros ni buscar entre cientos de plugins para un IDE. Me encontré recientemente con esta página web https://jsoneditoronline.org/ la cual nos permite crear y editar archivos Json. La he estado probando con archivos grandes y funciona de maravilla, rápida y confiable. Permite editar dos archivos al mismo tiempo Valida los errores en el archivo Tiene un modo “nodo” para fácil visualización Permite comparar los archivos para verificar las diferencias (diff) en el modo nodo Permite guardar en la […]


Lucidchart – Herramienta de maquetación y wireframe

Lucidchart es una plataforma basada en la web que permite a los usuarios colaborar para dibujar, revisar y compartir gráficos y diagramas. Es un producto de Lucid Software Inc, privativo y de pago. Contiene la mayor variedad de Plantillas: Diagramas de flujos, Negocios, Analisis, flujo de datos, estrategias de negocios, educación, ingeniería, entidad relación, planos, móvil, organizaciones, servicios, manejo de proyectos, diagramas UML, wireframe y muchos más. https://www.lucidchart.com Lo he utilizado en varios proyectos colaborativos por la parte de organizar los procesos y las tareas a realizar.


NinjaMock – Herramienta de maquetación y wireframe

Últimamente he buscado herramientas para mejorar el desarrollo y crear diseños para Android a través de maquetación online. Existen cientos de páginas y software, pero cuando vi las posibilidades de NinjaMock empecé a recomendarla ampliamente. NinjaMock es una herramienta de maquetas y wireframes basada en la nube que permite a los usuarios crear y compartir diseños para sitios web y aplicaciones de iOS, Android y Windows Phone. El software permite a los usuarios administrar proyectos, exportar maquetas como archivos PDF, compartir wireframes en cualquier dispositivo, recopilar comentarios de clientes o colegas, y más. Esta es la página principal y se […]


Comprobar velocidad de una página web en otra región

Cuando trabajo con proyectos en el extranjero, me ha tocado realizar páginas, sistemas y aplicaciones web, siempre desarrollando en local o un servidor de testing, sin embargo a la hora de realizar el deploy final en producción pude notar cierta lentitud de respuesta. En local o en servidores de desarrollo uno contempla que el funcionamiento es increíblemente rápido. Entonces ¿Qué puede suceder en un servidor de producción? En estos casos sería interesante verificar la conexión para determinar si es un problema o simplemente la conexión de nosotros es un poco lenta. Como vivo en latinoamérica, la latencia y la respuesta […]


Eliminar fondo de una imagen online

Existen muchas formas de quitar un fondo de una imagen. Yo siempre he usado photoshop y con mucho esfuerzo y paciencia voy eliminando manualmente los fondos hasta que quede perfectamente como lo no necesito. Esta vez estaba realizando un trabajo en otra pc, la cual no tenía instalado photoshop y tenía que entregar un documento firmado digitalmente. No podía demorarme buscando e instalando la herramienta de edición, así que busqué varias formas de hacerlo online, aunque hay miles de web que lo realizan, voy a recomendar esta que fue la que mejor calidad pude apreciar www.remove.bg   Simplemente escribí mi […]


PhotoshopOpen – Editar imágenes online

Si estás en un apuro y no tienes tiempo de descargar un Photoshop o simplemente no puedes usarlo en tu pc, existe una alternativa online muy similar. Solo necesitas un navegador y tener flash activado. PhotoshopOpen  es una herramienta online para poder realizar ediciones rápidas y simples al propio estilo de Photoshop. Tiene varias herramientas muy similares que se encargan de realizar el trabajo, claro que no le podemos exigir las mismas características por ser una herramienta gratuita y online. Podemos acceder a la página oficial: http://photoshopen.blogspot.com/ Podemos cargar una imagen y comenzar a editar.   Permite usar múltiples capas, […]


Programa en cualquier lado (codeanywhere)

Si has querido trabajar en un solo sitio sin preocuparte por estar copiando los proyectos, descargando y configurando el entorno de desarrollo, codeanywhare.com es una alternativa web para desarrollar en la nube.     Brinda un IDE web dedicado a múltiples lenguajes de programación, pero no se limita a ello, crea un servidor virtual para trabajar, donde puedes acceder a la consola y realizar lo que necesites en él. Agregando un contenedor con los programas que necesites (sistema operativo, bases de datos, servidores web, etc.) y ya puedes empezar a desarrollar.     Cuando creas el contenedor, puedes indicar si […]


Minificar, comprimir código CSS

Como indiqué en un post anterior Minificar, comprimir código JavaScript, también podemos realizar lo mismo con los archivos css, igualmente es para reducir el tamaño de los archivos generados. Es importante cuando trabajamos con grandes archivos o librerías completas, sino tienes tantas líneas de código, no será necesario estar comprimiendo el archivo, ya que la reducción no sería muy notable. Recomiendo esta página: http://cssminifier.com/ Se encarga de convertir este código:

En este:

 


Minificar, comprimir código JavaScript 1

Tal vez hayas descargado alguna librería que se compone de varios archivos, una versión compilada o de prueba y una versión pequeña para “producción”. Estas versiones se generan comúnmente con un nombre que lo relaciona: “jquery.min.js”, se usan para reducir el peso de las grandes librerías y de esta manera hacer que carguen más rápido en las páginas, muy conveniente cuando utilizas muchos componentes. Existen varias páginas que se encargan de hace esta compresión de código fuente, se trata de eliminar cada carácter no necesario, espacios, saltos de línea, comentarios del código y reduciendo considerablemente el tamaño del archivo. Esto […]


Generador de gradiente Css

En esta página podemos generar todo tipo de gradientes, seleccionando cualquier color que deseemos y también genera código estándar compatible con diversos navegadores, podemos también seleccionar el tipo de código Css o Sass. Es una ventaja no tener que generar manualmente el código pero una vez comprendido resulta fácil, lo he usado bastante para crear todo tipo de backgrounds. http://www.colorzilla.com/gradient-editor/