..:: Davilgar ::.. | Informática, Internet y Nuevas Tecnologías

Balsamiq Mockups es una gran aplicación para generar de una forma rápida y sencilla wireframes (Mockups), presentando prototipos de diseños para web, móvil, … de una forma realmene original, como un paso previo a empezar a montar el diseño en Photoshop. Esta aplicación está desarrollada en Adobe AIR por lo que es compatible con los sistemas operativos Windows, Linux y Mac OS X.

Balsamiq dispone de más de 75 modelos (stencils) ya definidos con los diferentes elementos de las interfaces de usuario para montar tu boceto, permite además añadir los nuestros propios de otras librerías de elementos, como algunos que existe para crear prototipos para iPhone/iPod Touch, por ejemplo. Todos los dibujos tienen un estilo que se asemeja a cuando lo hacemos a mano para dotarlo de un poco más de personalidad y realismo.

Soportar su propio formato bmml y exportación PNG y PDF.

Su uso es muy simple, seleccionas el control a usar, lo arrastras a la ventana principal y con un doble click, te permite editar sus propiedades.

Varios ejemplos Aquí
Probarlo un Demo Online Aquí

Version de Escritorio Balsamiq Mockups v1.8.4: descargar

WDT, siglas por Web Developer Tools, es un grupo de herramientas que nos facilitará la vida a la hora de realizar tareas relacionadas con el desarrollo web, es decir HTML5 y CSS3.  Las tareas de maquetación y estilización de la web suelen ser las que mas tiempo no suelen llevar, por eso WDT brinda varias herramientas orientadas hacia este aspecto.

Entre las herramientas de CSS3 está FontFace (puedes ver un demo aquí), que es de gran ayuda cuando tenemos que lidiar con las fuentes que usaremos para una web. FontFace nos permite previsualizar 101 fuentes desde el directorio de fuentes de Google y de Fontsquirrel, premitiéndonos añadir las fuentes a una lista de favoritos y de comparación, y por supuesto brindándonos el enlace de descarga de la fuente.

Otras de las herramientas con las que cuenta WDT son generadores de botones, tabla de colores en RGB y hexadecimal, editor HTML5, analizador y validador web, y no podía faltar el compresor de archivos CSS y Javascritpt.

La lista de utilidades que trae la versión Web Developer Tools 2.6.6, destaca:

• Task Manager
• Dean Edwards Javascript Compressor
• JSMin
• Css Minifier
• Css Type Set Generator
• Css Button Generator
• Cool Button Generator
• RGB / HEX Color chart
• VTE Terminal
• WYSIWYG HTML 5 Editor
• Website Analyzer (Yslow+PageSpeed)
• Validadores Online W3C (HTML Validador, CSS Validador y Feed Validador)
• ScriptBook

El programa, “como no” es completamente gratuito.

Descárgalo desde el siguiente enlace.

Enlace | WDT

¿En busca de iconos creativos para tu página Web?

En este articulo muestro un listado de los mejores y más creativos iconos de las redes sociales más populares, para que pueda utilizarlos en su blog o página web.

1. Socialize Icon Set – DryIcons

descargar pack

——————————————————————————————-

2. Social Media Icons Pack

descargar pack

Por medio de WebMatrix, la compañía pone a disposición de los usuarios una herramienta intuitiva de publicación web en varios formatos.

“Nuestra plataforma web ofrece un completo ecosistema de productos, partners y tecnologías dirigidas a ayudar a los desarrolladores a tener éxito en la web”, señala S. Somasegar, vicepresidente de la división de Desarrollo de Microsoft. De momento la aplicación está disponible en nueve idiomas e incluye un paquete de herramientas para crear webs por medio de código proporcionado a través de plantillas.

Su uso no estará restringido y tanto particulares como agencias web podrán beneficiarse de WebMatrix, que se perfila como una vía más rápida de trabajo para programadores profesionales.

Las herramientas de serie incluyen el servidor web, la base de datos y los frameworks, y permitirán la inserción de feeds de Twitter o vídeo. WebMatrix ya está disponible para descarga, pero los profanos pueden visitar primero el tutorial online.

Os dejo un interesante artículo sobre el Desarrollo Web en el 2011.  El artículo esta en inglés, pero es interesante de leer.