Webmaster Libre » Aplicaciones

SimpleDiagrams, la pizarra da el salto al ordenador

Alma Fernández — Wed, 27 Jan 2010 21:24:05 +0000

Si hay algo que se echa de menos de reunirse con los clientes, socios y, en general, gente es la facilidad de explicarles algo haciendo cuatro garabatos en un papel.

Vale, hay miles de aplicaciones muy completas para hacer diagramas y eso, pero para muchas hace falta pasarse un buen rato dándoles vueltas y aprendiendo a usarlas y, francamente, tiempo lo que se dice tiempo no nos sobra ¿verdad?

SimpleDiagrams es una aplicación muy en la línea de Balsamiq Mockups. También está desarrollada con Adobe Air y nos permite con un par de clicks de ratón crear diagramas al más puro estilo de los que solemos hacer en una pizarra.

La aplicación completa es de pago, cuesta $19 dólares pero disponemos de una versión básica totalmente gratis. ¿La diferencia entre ambas versiones? La aplicación completa no se pasa el día pidiéndote que compres una licencia (y creedme, es bastante reiterativo), te permite instalar más librerías y puedes publicar tus diagramas directamente en tu cuenta de Basecamp.

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

SimpleDiagrams, la pizarra da el salto al ordenador was first posted on enero 27, 2010 at 10:24 pm.

Un vistazo a Balsamiq Mockups

Alma Fernández — Mon, 16 Nov 2009 14:07:17 +0000

El proceso de wireframing o, dicho más claramente, creación de bocetos de un sitio o aplicación web tiene tantas formas de acometerse como diseñadores hay.

Algunos prefieren el clásico papel y boli, otros se lanzan sin miedo al programa de edición de imágenes y algunos valientes, incluso, crean sus bocetos directamente en HTML y CSS.

Hace tiempo me puse a buscar una aplicación con la que hacer mis bocetos directamente en el ordenador pero sin tener que abrir programas demasiado pesados o complejos. A primera vista me enamoré de Balsamiq Mockups, una aplicación hecha con Adobe AIR, pero debido a su precio me embarqué en la tarea de buscar alternativas.

Hoy quiero confesar que no las encontré, ningún programa o aplicación web me satisfizo tanto y, finalmente, tengo mi licencia de Balsamiq Mockups.

¿Cuales son sus puntos fuertes?

Me encanta ese aspecto de boceto a mano que plantea, así me resulta mucho más fácil explicar a la gente que eso que están viendo es sólo un boceto y no el producto final (algunos packs de stencils para otros programas pecan de estar “demasiado bien diseñados”).

Además, me encanta que sea multiplataforma. Soy un poco errática con esto de los SO y suelo andar pasando de uno a otro, con la consiguiente pérdida de aplicaciones por el camino…

Es muy sencillo de usar, no tiene mayor misterio que ir arrastrando y soltando componentes para crear nuestro boceto.

¿Alternativas libres?

A pesar de que estoy encantada y que tendré actualizaciones gratis de por vida, sigo pensando que tiene que existir algo similar en plan software libre. ¿Conoces alguna alternativa libre? ¿Qué utilizas para crear tus bocetos?

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Un vistazo a Balsamiq Mockups was first posted on noviembre 16, 2009 at 3:07 pm.

jCodeCollector, almacena y categoriza tus “snippets”

Alma Fernández — Wed, 30 Sep 2009 21:11:38 +0000

Seguro que, como yo, almacenas algunos fragmentos de código que sueles reutilizar en tus proyectos o que tienes por ahí “por si llega el día que tenga que hacer eso…”.

Hace tiempo fui probando diversas opciones online, ninguna terminó de llenarme por aquello de que no siempre iba a estar conectada a internet (el 90% del tiempo lo estoy, lo admito, pero todavía no me fío demasiado de que no me ataque Murphy con todas sus leyes y justo el día que me haga falta echarles mano no tenga internet… llamadme paranoica si queréis). Luego probé una mezcla entre del.icio.us para código proveniente de algún blog y archivos de texto en mi disco duro (un agobio y un lío).

Cuando te hablaba de mis aplicaciones en AIR favoritas para desarrollo web, mencioné Snippely, una aplicación en AIR muy sencillita pero práctica que me había servido bien y hoy en Intenta descubro jCodeCollector.

La base de jCodeCollector es similar a la de Snippely, sólo que está escrita en Java y, para mi gusto, tiene algunas mejoras de usabilidad a la hora de navegar entre fragmentos de código (no me gusta demasiado la forma de Snippely de mostrar los fragmentos de cada categoría).

La estaré probando unos días a ver que tal me va, pero sea con una aplicación o con la otra te pongo de testigo de que trataré de organizarme mejor mi librería de código (que me hace falta).

¿Has probado jCodeCollector? ¿Conoces alguna opción mejor?

jCodeCollector: http://alessandrococco.altervista.org/

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

jCodeCollector, almacena y categoriza tus “snippets” was first posted on septiembre 30, 2009 at 11:11 pm.

IE Tester, probar tus páginas en múltiples versiones de Internet Explorer en una sola ventana

Alma Fernández — Mon, 28 Sep 2009 19:34:59 +0000

En este blog creo que, de tanto en cuanto, toca hablar de algo que nos permita probar nuestros sitios en IE o no rompernos los cuernos más de lo estrictamente necesario ¿por qué será?

Esta semana descubro vía Genbeta una utilidad que nos permitirá probar nuestros sitios contra múltiples versiones de Internet Explorer en una misma ventana, dividida en pestañas.

La aplicación se llama IETester y, como digo, nos ayudará a abrir nuestros sitios en varias versiones de Explorer simultáneamente. El programa está en fase alfa así que puede que de vez en cuando se rompa, no obstante cada pestaña funciona como un proceso independiente de las demás así que si se rompe en una de ellas las demás no nos dejarán tirados.

Para funcionar, IE Tester requiere una copia de Windows con IE7+ instalado.

IE Tester: http://www.my-debugbar.com/wiki/IETester/HomePage

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

IE Tester, probar tus páginas en múltiples versiones de Internet Explorer en una sola ventana was first posted on septiembre 28, 2009 at 9:34 pm.

Dust-Me Selectors extensión de Firefox para encontrar selectores no usados

Alma Fernández — Mon, 29 Jun 2009 15:40:24 +0000

Hace unos días hablábamos de una aplicación online que nos permitía detectar selectores de nuestra hoja de estilo que no se estaban empleando en nuestros sitios y que, por tanto, podíamos eliminar para aligerar nuestra CSS.

Dust-Me Selectors hace esto mismo pero en forma de extensión para Firefox, de forma que no necesitaremos tener conexión a internet para hacer un poco de limpieza en nuestras hojas de estilo.

Podrás escanear páginas individuales o sitios completos y, cuando hayas acabado, obtendrás una lista de selectores que no están en uso.

Dust-Me Selectors soporta hojas de estilo locales o remotas, enlazadas o importadas mediante @import y declaraciones dentro de comentarios condicionales para Internet Explorer.

Dust-Me Selectors: http://www.sitepoint.com/dustmeselectors/

He incluído esta extensión en el recopilatorio de extensiones de Webmaster Libre para Firefox

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Dust-Me Selectors extensión de Firefox para encontrar selectores no usados was first posted on junio 29, 2009 at 5:40 pm.

Colección de extensiones para Firefox de Webmaster Libre

Alma Fernández — Tue, 23 Jun 2009 13:09:28 +0000

Aprovechando la nueva funcionalidad de la página de extensiones de Mozilla que nos permite crear colecciones de plugins para poder instalarlos en un click, he creado una pequeña colección con las extensiones que uso a diario en lo referente a desarrollo web.

La colección contiene:

Live Pagerank
Screengrab
TAW3 en un click
Colour Contrast Analyser
Firebug
YSlow
Pixel Perfect
FirePHP
Measure It
Colorzilla
FireFTP
Web Developer
Dust-Me Selectors

Si echáis algo en falta en el recopilatorio podéis decirmelo en los comentarios.

Espero que os sea útil.

Colección de extensiones para Firefox de Webmaster Libre: https://addons.mozilla.org/es-ES/firefox/collection/webmasterlibre

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Colección de extensiones para Firefox de Webmaster Libre was first posted on junio 23, 2009 at 3:09 pm.

Firefinder agrega buscador avanzado a Firebug

Alma Fernández — Tue, 02 Jun 2009 13:09:27 +0000

Firebug es una de esas herramientas que una vez comienzas a utilizar ya no puedes separarte de ella. No sólo por si misma si no por la cantidad de addons que han salido sobre ella (ySlow, FirePHP, Pixel Perfect, etc.).

Robert Nyman nos sorprende ahora con Firefinder un addon que nos permitirá realizar búsquedas en base a selectores CSS o XPATH. El buscador nos ofrecerá un resumen del número de coincidencias en la página y una lista plegable de los elementos correspondientes, ideal para cuando buscamos todos los elementos con una determinada clase o para comprobar que no hemos dado el mismo id a más de un elemento, por ejemplo.

Firefinder: http://robertnyman.com/firefinder/

Vía SitePoint

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Firefinder agrega buscador avanzado a Firebug was first posted on junio 2, 2009 at 3:09 pm.

Glimmer, jQuery sin escribir ni una línea de código

Alma Fernández — Wed, 29 Apr 2009 15:03:58 +0000

Creo que para muchos jQuery ya es nuestra librería javascript de cabecera, es sencilla de usar y potente.

Aún así, para muchos no tan hábiles desde el lado del código siempre viene bien cualquier ayuda posible, sobre todo si convierte la tarea de crear efectos en algo tan sencillo como seguir un asistente.

Glimmer es una aplicación de escritorio para WIndows (con los fuentes disponibles así que espero que pueda compilarse para otros sistemas) que te permitirá crear menús desplegables, tooltips, rotación de imágenes y otros efectos cómodamente desde tu escritorio y sin tocar ni una línea de código.

Glimmer: http://visitmix.com/Lab/Glimmer

Vía Web Resources Depot

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Glimmer, jQuery sin escribir ni una línea de código was first posted on abril 29, 2009 at 5:03 pm.

Gimp Tutorials, diseño con software libre

Alma Fernández — Mon, 27 Apr 2009 13:52:08 +0000

De todas las disciplinas involucradas en desarrollo web, la más reacia a abandonar las herramientas propietarias es, sin duda, el diseño.

Photoshop, Illustrator, Fireworks, Corel son, de facto, estándares del mercado y es difícil desprenderse de ellos en entornos profesionales.

Gimp Tutorials es un sitio dedicado a ofrecer tutoriales de alta calidad para los que estamos deseando aprender a controlar y sacarle el máximo rendimiento a Gimp. Los resultados son impresionantes y los tutoriales bien elaborados y fáciles de seguir. No dejéis de echarle un vistazo.

Gimp Tutorials: http://gimp-tutorials.net/

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

Gimp Tutorials, diseño con software libre was first posted on abril 27, 2009 at 3:52 pm.

IE 6 Update, ¿engañar a tus usuarios para que actualicen el navegador?

Alma Fernández — Tue, 21 Apr 2009 19:21:33 +0000

Veo en Anieto2k un enlace a otro “metodo infalible” para erradicar el Internet Explorer 6 y no salgo de mi asombro.

IE 6 Update es un plugin desarrollado con jQuery que se basa en, ni más ni menos, hacerse pasar por uno de esos avisos propios del navegador y hacer creer al usuario que debe descargarse una actualización del navegador para poder visitar el sitio.

A pesar de que la idea de hacer desaparecer el IE6 de la faz de la tierra me parece buena, tratar de engañar a los usuarios para que se actualicen no me parece que sea el camino a seguir.

Básicamente, estamos timando al usuario. Eso no es un aviso de sistema, ni mucho menos, somos nosotros usando un aviso de sistema para que hagan lo que queremos. A nadie nos gusta que nos engañen ¿Verdad? A mi me recuerda sospechosamente a esos anuncios de antivirus fraudulentos que te lanzan lo que parece una ventana de diálogo del sistema operativo para que pulses sobre su banner sin darte cuenta de lo que es.

Si queremos notificar a nuestros usuarios para que se actualicen estoy segura que hay métodos mejores, desde incluir un par de líneas de texto redactadas con cortesía mediante un comentario condicional para usuarios de IE6 hasta poner un banner de esos de “Usa Firefox”. Lo que sea siempre que no interfiera en las actividades del usuario (como los scripts que bloquean a usuarios de IE6) ni le engañe para que haga cosas que no sabe si quiere hacer (como este caso). Prefiero la aproximación de educar y dejar escoger que la de obligar e imponer.

En mi caso, como ya os he dicho mil veces, este sitio en Internet Explorer 6 se ve, feo pero se ve, no le falta nada esencial pero no está optimizado. Ese es mi acercamiento a dejar de dar soporte a IE6, siempre que se pueda claro.

Para mí el fin no justifica los medios ¿y para vosotros?

Otras entradas que pueden interesarte:

¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información

IE 6 Update, ¿engañar a tus usuarios para que actualicen el navegador? was first posted on abril 21, 2009 at 9:21 pm.