For web developer

Archive for the ‘Software & Tools’ Category

An Illustrator Plug-In For Converting AI Files To HTML5 Canvas

leave a comment

MIX Online, a Microsoft-powered website on web design and development, is sharing a free Adobe Illustrator plugin for converting .AI files into HTML5 canvas.

AI->Canvas plug-in offers options for drawing, animation and coding, such as "events" so that you can build interactive, well-designed canvas-based web apps.

AI to Canvas Plug-in

It can be used to export simple-to-complex shapes, gradients, transparencies, drop shadows and any other stuff.

And, the animation features include rotation, fades, movement, easing, triggers and more.

AI->Canvas comes with versions for Windows + Mac.

Compatibility: Windows and Mac OS X

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with ,

View Vector Files Quickly: PSD/AI/EPS Viewers

leave a comment

Photoshop, Illustrator and Freehand, besides being amazing applications, all have a bad feature; their initial load is pretty slow.

And, when you only need to see what is inside a vector file to find the right one or you don't have these applications (but may need to open vector files), PSD, EPS and AI Viewer softwares can be a quick solution.

PSD Viewer

AI Viewer

EPS Viewer

They are free applications (for Windows) which loads fast and not only opens the related vector files but can save them as JPEG, Bitmap, GIF, PNG and other extensions. Also, you can resize or rotate them too.

P.S. What would be better is: a single application that can open them all.

PSD Viewer

Requirements: Microsoft .NET Framework 3.5

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with , ,

Find Differences In 2 PSD Files: ComparePSD

leave a comment

Sometimes we work on a PSD file, duplicate it and work more on it when creating a new version.

And one day, we need a layer or effect that only exists in only one of these files, search for it which can become complicated (what we're looking can be invisible as well).

ComparePSD is a free Windows software that helps finding the differences between 2 PSD files in such situations to save you time.

ComparePSD

The software enables you to select the files to be compared from Windows Explorer.

When it is started, the files are compared layer-by-layer including layers styles (effects), styles attributes, layers visibility flags and highlights the differences.

Requirements: Windows XP+

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with ,

Simple & Functional Screenshot Tool: LightShot

leave a comment

LightShot is a simple & free tool which makes taking screenshots very easy.

With the click of a keyboard shortcut, a cropping interface appears where it is possible to:

set the area of the screenshot
make it fullscreen
copy to clipboard
upload to the net & get a link

edit it on a web-based service

LightShot

Most of the similar tools instantly take a screenshot of the area you selected before clicking any approve button. LightShot makes it kindly, waits for you to arrange the area, shows you the size of it & a click is required which is better to prevent wrong screenshots.

The tool can work in every computer as it comes as a Windows desktop application, a Firefox add-on & an Internet Explorer add-on.

Requirements: Windows, Firefox or Internet Explorer

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with , ,

A Layout Grid With JavaScript And CSS: #grid

leave a comment

#grid is a tiny tool, built with JavaScript & CSS, which inserts a layout grid into web pages & enables you to detect alignment issues in place.

It is activated with a hotkey (Alt+g) & can toggle between displaying the grid in the foreground or background.

HashGrid

By default, #grid comes with a 980-pixel-wide background image to provide the vertical grid lines (a 940-pixel-wide content area with 20px gutters).  But, when working on different grids, you can create a new image for your guides.

Usage is very straightforward, just include the JavaScript file & CSS to your project.

Compatibility: Firefox & Safari (Problems in IE & doesn’t support Opera)

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with

The Ultimate Screenshot Tool: Screenpresso

leave a comment

Screenpresso is a simple-yet-powerful & free screenshot tool that improves your Ctrl+Print function.

It can capture the entire screen, region or window with various options like "including the cursor", "automated resizing of them" or even "applying automated effects".

Screenpresso

The tool sits in the system tray & allows you to keep an history of the last 100 screenshots.

It can auto-name the captured images or batch convert them (resizing & adding effects) after they are taken.

The screenshots can be drag'n dropped into any application or there are other sharing features like "send to e-mail", "send to Twitter" or "save to clipboard".

Screenpresso also has a built-in image editor that can apply image effects, insert objects (textboxes, arrows, annotations, etc.), apply resize or crop to the screenshots.

For Mac & Linux users, sadly, it only works in Windows.

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with

Lightweight Image Editor Software: StylePix

leave a comment

StylePix is a free image editing software, an alternative for Photoshop or Fireworks, with numerous advanced features.

It has an intuitive user interface where all the controls can be selected easily.

Hornil StylePix

The software works with layers & offers multi-layer/group editing support.

Some features of StylePix are:

various selection types (auto-range, color-range & rectangular, circular, polygonal, lasso area selection)

batch processing

30 different filters

thumbnail, histogram & waveform view for current image

& more..

StylePix works on Windows OS & consumes very few system resources, even the installer is ~800kb, which makes it an ideal solution for less-powerful computers or running from portable devices (a portable version exists).

Compatibility: Windows OS

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with , , ,

Wireframe Magnets For Easy Prototyping (DIY Kit)

leave a comment

Konigi, a must-bookmark resource for UI designers, is sharing a handy "do-it yourself wireframe magnets kit" for easy whiteboard prototyping.

They are based on the Konigi wireframe stencils and includes 3 sheets of elements (form elements, HTML editor, etc.).

UI Wireframe Magnets

How To Create Them?

Simply download and print the PDFs on to magnet sheets, optionally laminate them if you intend to use with dry-erase markers, and finally cut them out.

2 Things You May Consider Buying (from Amazon.com):

Avery 3270 Printable Magnet Sheet for Inkjet Printer (White)
3M LS950 No-Heat Laminating System

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with ,

Photoshop Plug-in For Converting PSDs To WordPress Themes: Divine

leave a comment

Divine is a fresh & free Photoshop plug-in for converting Photoshop files into WordPress themes.

It works by selecting spots in design files & marking them as WordPress variables like:

post title
post text
author link
etc..

PSD To WordPress Photoshop Plug-in

It produces valid XHTML-CSS code & themes are automatically widget-ready.

Divine has an integrated FTP-client & it is a very ideal plug-in for anyone who is not that into coding and/or WordPress theming.

Requirements: Photoshop CS3+

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with ,

Preview Photoshop Brushes Easily: ABRView

leave a comment

For any designer with significant amount of Photoshop brushes installed, it is always a pain to navigate through the brushes & find the one you need.

ABRView is a free software that makes this process much easier. It allows you to define the folder(s) where brushes are installed & preview them.

ABRView

Also, once you download a brush, although you have an opinion on how it looks, you can not be sure until installing it, running Photoshop & checking the look from the brush palette. As ABRView can display brushes from any folder, you simply save time on seeing how they look.

It has an .exe version for Windows & .jar version for Mac & Linux.

Compatibility: Windows, Mac & Linux

Written by kisyrua

May 7th, 2011 at 8:13 am

Posted in Software & Tools

Tagged with ,