..:: 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

A la hora de desarrollar una web, uno de los elementos más buscados y necesarios, son los iconos. Con ellos decoraremos nuestras páginas y  le daremos  forma a nuestro diseño. Muchas veces es complicado encontrar exactamente el icono deseado o solamente podemos encontrarlos mediante packs que incluyen miles de los mismos, lo cual complica la búsqueda de los mismos.

También se debe tener cuidado con la licencia y propiedad de los iconos, ya que podrían estar registrados a una marca y su uso sería ilegal. Algunos iconos nos podrían acarrear problemas legales a la hora de usarlos, Por eso os voy a mostrar varios enlaces de algunas Webs, cuya finalidad es permitirnos buscar estos iconos gratuitos de forma sencilla, algunos de ellos son:

IconFinder:

Una de las webs más conocidas de este tipo, ofrece opciones como poder filtrar los resultados de búsqueda por tamaño, el color de fondo, etc.

Enlace: http://www.iconfinder.net/

IconsPedia:

No tiene una colección muy grande de iconos pero nos ofrece búsqueda por categorías y la posibilidad de descargar los iconos por paquetes.

Enlace: http://www.iconspedia.com/

FindIcons:

Muy parecido a los otros, pero con un servicio adicional, el poder convertir nuestras imágenes a iconos mediante una aplicación online.

Enlace: http://findicons.com/