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.
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?
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/
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
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
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:
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
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
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
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/
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?
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
