Archive for category applications

50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Smashing-magazine-advertisement in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files  in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files  in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Planning and communication are two key elements in the development of any successful website or application. And that is exactly what the wireframing process offers: a quick and simple method to plan the layout and a cost-effective, time-saving tool to easily communicate your ideas to others. A wireframe typically has the basic elements of a Web page: header, footer, sidebar, maybe even some generated content, which gives you, your clients and colleagues a simple visually oriented layout that illustrates what the structure of the website will be by the end of the project and that serves as the foundation for any future alterations.

This article focuses on actual wireframing tools and standalone applications, as well as resources that you’ll need to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements, mobile elements, which you’ll use in any typical graphics editor such as Photoshop or Illustrator. …Or you could use pen and paper.

[Offtopic: by the way, have you already visited Smashing Magazine's Facebook fan page? Join the community for a stream of useful resources, updates and giveaways!]

Complete Wireframing Toolkits

Quommunnication Stencil Kit
A PSD file with common design elements for sketching and wireframing: form elements, RSS feed icons, colors, Advertising units, browser windows and grids.

Wireframing01 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mac OS X Interface Stencil Kit
Leopardy interface stencil kit. This one makes extensive use of tables, for maximum flexibility while maintaining pixel precision.

Macos2 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Facebook Applications Stencil Kit
A pretty sizable collection of Facebook related elements to use in creating wireframes for Facebook applications.

Facebook in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Flex Stencil Kit
Includes all Flex components from Flex 3 Style Guide: panels, data grid, buttons, fields, links, toggle, menu, scrolls, accordion, tabs, list, data picker, tool tip, errors.

Flex in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Eclipse Stencil Kit
This stencil enables you to easily prototype Eclipse (wizard) dialogs with OmniGraffle(TM).

Eclipse in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Massive Web UI & Button Set
This set contains UI elements in three distinct styles: glossy, satin/light gradient, and one-color. The satin/light gradient set is available in 7 different colors (which you’ll find all of in the PSD file). Available are control buttons including arrows and basic symbols, info and text boxes, breadcrubs, buttons, and other navigation elements, drop-down and collapsible box styles, speech bubbles, search forms and loading elements.

Web-ui-set-preview1 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Yahoo! Design Stencils – Design Pattern Library
You would be hard pressed to find a better wireframing resource than this one. The Yahoo! Design Stencil Kit is available for almost every application: OmniGraffle, Visio (XML), Adobe Illustrator (PDF and SVG) and Adobe Photoshop. This huge library covers the following elements (basically, everything): ad units, calendars, carousels, charts and tables, UI controls, form elements, grids, menus and buttons, mobile (general), mobile (iPhone), navigation and pagination, OS elements, placeholder text, screen resolutions, tabs, windows and containers.

Wireframeresource48 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Free Sketching & Wireframing Kit
The Sketching & Wireframing Kit is a free set of elements for sketching and wireframing. It consists of form elements, icons, indicators, feedback messages, tool tips, navigation elements, image placeholders, embedded videos, sliders and common ad banners. The Kit comes in two vector formats, one for Adobe Illustrator and the other in SVG, which can be easily modified. It can also be downloaded in PDF and EPS formats.

Wireframeresource52 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

EightShapes Unify
EightShapes Unify is a collection of templates, libraries and other assets that enable user experience designers to create more consistent and effective deliverables faster. The system uses the Adobe Creative Suite of products; Adobe InDesign is the primary authoring tool.

Wireframeresource57 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Wireframe Symbols
This download contains a wireframe symbol library and a full Adobe Illustrator file with all of the elements spread out on a board. To install the library just drag and drop the file named Wireframe Symbols.ai into your Adobe Illustrator “Symbols” directory. Once you open Illustrator, go to your Symbols Palette and load the library.

Wireframeresource49 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

OmniGraffle Wireframe Stencils
This is a set of shapes for making wireframes in OmniGraffle version 5.x (Mac OS X).

Wireframeresource50 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

OmniGraffle UX Template
This is an OmniGraffle Pro template for interface design that includes shared layers for basic UX document needs; e.g. title page, wireframes, storyboards.

Wireframeresource51 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Page Elements
Using the open-source “Bitstream Vera” font set and free icons from FamFamFam, you should have most of your common web page elements covered, including headings, form elements, content management function, image placeholders, etc.

Webpage in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Browser Templates

Photoshop Browser Templates – Web Designer Toolkit
These Photoshop browser templates come in 1024×768 and 800×600 pixel sizes and cover nearly all browsers (Firefox, IE, Safari, Camino, even Netscape). For both sizes, the safe viewing area is clearly marked in a separate layer.

Wireframeresourcea in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Browser Templates for the Website
These Photoshop browser templates for Internet Explorer, Firefox for Mac and Firefox for Windows have been mocked up in the following sizes: 800×600, 1024×768 and 1280×1024 pixels.

Wireframeresource1 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Photoshop Browser Templates
This layered PSD file contains three different browser resolutions; all with easily editable titles, address bars, scroll bars and favicons. Just open the PSD and place the layers on top of the design that you are working on, and voila!

Wireframeresource2 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Browser Screens and Website Elements
A useful set of vector website assets.

Wireframeresource3 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web-Safe Area Templates for Photoshop

All of the Web-safe area browser PSD templates listed below can be individually downloaded by choosing from the following resolutions: 640×480, 800×600, 1024×768, 1280×960 and 1600×1200 pixels.

Windows Vista IE Web-Safe Area

Wireframeresource4 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Windows Vista Firefox Web-Safe Area

Wireframeresource5 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Windows XP IE Web-Safe Area

Wireframeresource6 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mac OS X Safari Web-Safe Area

Wireframeresource7 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mac OS X Firefox Web-Safe Area

Wireframeresource8 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mac OS X Safari Web-Safe Area

Wireframeresource9 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Form Elements

Best Practice UX Forms Stencil
This is a comprehensive release of the stencil kit which follows best practices in UX form design. It provides three different ways of laying forms out, each with their own benefits. This version also provides different button layouts, a progress indicator, captcha code input field, labels and more.

Uxform in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Photoshop Form Element Templates
These Photoshop files include screenshots of all the common form elements as displayed in your selected operating system (Mac Classic, Mac OS X, Win XP and Win Classic). The form elements are separated into individual layers so that you can easily select, adjust or switch them as you please.

Wireframeresource10 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Browser Form Elements PSD
Included in this PSD file are form elements for Mac Firefox 3 and another for Vista IE7.

Wireframeresource11 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Form Elements Volume 1
Volume 1 contains a selection of Web user interace elements for forms in Photoshop format.

Wireframeresource12 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Form Elements Vol.2
This is Volume 2 of the Web Form UI Elements mentioned above and has been designed in a different style.

Wireframeresource13 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Photoshop Button Templates
These Photoshop button templates have been separated into individual layers to be easily selectable. You can choose from the following colors: dark blue, light blue, dark green, light green, yellow, orange, red and purple.

Wireframeresource14 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Web Browser Elements

You can select the element you need from whichever operating system and browser you use, and download them individually.

Windows Vista IE Form Elements

Wireframeresource15 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Windows Vista Firefox Form Elements

Wireframeresource16 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Windows XP IE Form Elements

Wireframeresource17 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Windows XP Firefox Form Elements

Wireframeresource18 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mac OS X Firefox Form Elements

Wireframeresource19 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mac OS X Safari Form Elements

Wireframeresource20 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Grid Templates

960px Photoshop Grid Template
This template has a guide for a three-column 20-pixel gutter design, with layers of washed-out colors to visualize both columns for the purpose of the rule of thirds. Additionally, it is broken down into six columns of 20-pixel gutters.

Wireframeresource20a in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

960 Grid Template for OmniGraffle

Wireframeresource21 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Illustrator Template for Blueprint CSS Comps
This Adobe Illustrator document features a 24-column grid for CSS frameworks such as Blueprint. It consists of guides that comply with Blueprint’s grid of 24 columns of 30 pixels, 10-pixel-wide gutters and a horizontal width of 950 pixels. Horizontal guides are provided at 18 pixels or a 1.5 em line-height for a 12-pixel base font.

Wireframeresource22 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Photoshop Template for Blueprint CSS Comps
This Photoshop document features a 24-column grid for CSS frameworks such as Blueprint. It consists of guides that comply with Blueprint’s grid of 24 columns of 30 pixels, 10-pixel-wide gutters and a horizontal width of 950 pixels. Horizontal guides are provided at 18 pixels or a 1.5 em line-height for a 12-pixel base font.

Wireframeresource23 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mobile App Development Resources

iPad GUI PSD
The PSD was constructed using vectors, so it’s fully editable and scalable. You’ll notice there are a few new UI elements as compared to the iPhone interface. The workable screen design is formatted to 768×1024 so anything you design in the Photoshop file can easily be brought over to the SDK.

Ipadgui in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Ultimate iPhone Stencil – Graffletopia
This Omnigraffe iPhone stencil kit contains backgrounds, title bars, buttons, selectors and all other iPhone UI elements. It can be easily resized horizontally by ungrouping, resizing the middle element and then regrouping the elements back into a single button.

Wireframeresource24 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone 3G Stencil
Includes standard interface components for the iPhone 3G: buttons, fields, map elements, keyboards, icons. All components are on a transparent background and should re-size nicely.

Iphone3g in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone GUI PSD 3.0
With Apple’s official release of the new iPhone 3.0 came a number of new GUI elements. Some of the changes and additions have been include in this GUI: map and map elements including curl, copy and paste elements; timeline bar editor; and horizontal iPhone and horizontal panel bars and keyboards.

Wireframeresource25 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone PSD Vector Kit
This iPhone starter kit comes with several button elements as well as six different iPhone interface options.

Wireframeresource26 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone GUI Elements
Free iPhone elements available as layered Photoshop (PSD) files.

Iphone in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone GUI as Rich Symbols for Fireworks
This iPhone kit has been designed using Adobe Fireworks. It has several combinations, buttons, backgrounds, etc. It also has some lines of code to transform the simple vector symbols into rich symbols, with some variables.

Wireframeresource27 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Google Android GUI Application Mockup PSD
This Photoshop file contains all of the basic elements of Android 1.5, Google’s mobile operating system.

Wireframeresource28 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Palm Pre GUI PSD
This Palm Pre GUI PSD has been built with vectors for easy editing and scaling, and it contains most of the Pre’s GUI elements.

Wireframeresource29 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

RIM Blackberry PSD
This download package contains 135 detailed layers for Blackberry app development.

Wireframeresource30 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Optional Wireframe Extras

Interactive Sketch Notation
The general idea behind this notation is the desire to visualize user interface states as well as user actions in a clear and rapid manner.

Linowski in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Storyboard Characters (via Google Chrome)

Storyboard in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Proofreading Marks

Wireframeresource31 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Standard Web Banners
You can download these standard Web banners or ads individually (468×60 pixels, 768×60, 125×125, etc.). There are also templates for common but non-standard banner sizes (120×30, 230×33, 728×210, etc.).

Wireframeresource32 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Wireframe Icons, Royalty-Free EPS and PNG
The icon set includes EPS and PNG versions of the original Konigi Wireframe Icon Set and are suitable for use in vector drawing applications such as Adobe Illustrator as well as in Microsoft Visio.

Wireframeresource33 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

WEB UI Treasure Chest
This PSD layered file, most of whose files are fully editable, contains more than 100 elements for website design.

Wireframeresource34 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Webdesigner kit
This Photoshop download contains registration fields, menus, checkboxes, radio buttons and cursors.

Wireframeresource35 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Printable Sketching Paper

A4 and A3 Sketching Grid Paper
This downloadable and printable 960-pixel-wide grid makes it easy to create a three-column (320 pixel), four-column (240 pixel), five-0column (192 pixel) or six-column (160 pixel) grid on a single sheet of paper. You have two sizes to choose from, A4 and A3.

Wireframeresource36 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Print and Sketch Wireframe Template

Wireframeresource37 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone Application Sketch Template
The grid squares for this sketching paper are equal to 10 pixels. The tick marks indicate the height of the status bar, nav bar, keyboard, tab bar and toolbar. For best results, print on A4 borderless paper.

Wireframeresource38 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone Wireframe Templates for Sketching
Two layouts are available, both in PDF and Visio (VSD) formats for quick iPhone mockups.

Wireframeresource39 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

iPhone App Wireframe Template
Two versions are available, one in landscape and the other in portrait. Each version includes three pages: page 1 has a vertical screen and notes column; page 2 has a horizontal screen and notes column; page 3 has a three-screen layout that is great for drafting designs.

Wireframeresource40 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Printable Wireframe and Notes

The below 8.5 x 11-inch graph paper is made for visual designers, interaction designers and information architects. You’ll find styles for wireframing user interfaces, storyboarding interaction and plotting values on a 2×2 grid. Plus, you’ll get a basic grid for drafting site maps or anything else that comes up. Choose from the following:

Wireframe with Notes
This wireframe grid is divided into 24 columns, with gutters between each column. The grid is especially useful for designers who work within a CSS framework such as Blueprint.

Wireframeresource42 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Wireframe (Landscape)

Wireframeresource43 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Wireframe (Portrait)

Wireframeresource44 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Storyboard
This is a storyboard with four cells. Each cell contains a simple grid.

Wireframeresource45 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Storyboard with Notes
This is a storyboard with four cells. Each cell contains a simple grid. The area beneath each cell is ruled for notes.

Wireframeresource46 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Basic Paper
This is a basic grid box. Use it for concept diagrams, site maps, spectrums, tables and whatever else you sketch.

Wireframeresource47 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Wireframe Magnets (DIY Kit)

These DIY magnet template are based on the Konigi wireframe stencils and includes three sheets of elements that would be useful for whiteboard prototyping. Simply download and print the PDFs onto magnet sheets, and cut them out.

Form Elements

Wireframeresourceb in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Tabs, Buttons and Bars

Wireframeresourcec in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Windows and Dialogs

Wireframeresourced in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Further Resources And Some Wireframing Inspiration

web.without.words
A visual playground where designers take popular sites and reconstruct them in a wireframe.

Ebay in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Graffletopia
Graffletopia is a huge resource of free stencils for OmniGraffle (Mac-only, sadly). With OmniGraffle, you can quickly create high-quality wireframes, flowcharts and other diagrams.

Wireframeresource53 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Mockups To Go
Mockups To Go is a user-contributed collection of ready-to-use UI components and design patterns that were built using Balsamiq Mockups. You can download all of the components and design patterns to use in your mockups.

Wireframeresource54 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Wireframes Magazine
Wireframes Magazine is dedicated to all things wireframing and prototyping. It has a huge library of downloadable templates, samples and UI tools, and even a section for inspiration.

Wireframeresource55 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

I {heart} wireframes
I {heart} wireframes is a great source of wireframing inspiration and resources. And yes, we all love wireframes!

Wireframeresource56 in 50 Free UI and Web Design Wireframing Kits, Resources and Source Files

Further Related Articles

About the Author

Paul Andrew is a freelance Web designer. He is chief admin for Speckyboy – Design Magazine, a Web design, Web development and graphic-design resource blog. Follow him on Twitter here: twitter.com/speckyboy.

(al)


© Paul Andrew for Smashing Magazine, 2010. | Permalink | 118 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: ,

Tags:

25 Free Mac Apps That Will Boost Your Productivity


 

There are many applications that can help you work faster and efficiently. Though, not many applications come cheap. For this post we tried to digg deep to find the best selection of free and/or open source Mac applications that will help you be a more efficient designer. We’re covering from application launchers, GTD (Getting Things Done) to design utilities that can help you focus on what’s important: create.

1. aLunch

aLunch is a very lightweight but powerful application that does what it is supposed to do and nothing more: a handy launcher that runs from within the menu bar. The application was written back in 2007, and two years later it still proves to be a strong contender.

aLaunch

aLunch helps you get all your apps organized and get an uncluttered dock. You can customize a hot key combination so a launcher window shows and let’s you choose either a Launcher window or go to the Launcher Menu. You can use this application with a Mac running OSX 10.4 or higher. If you have an earlier OS X such as 10.3, you need to update to version 10.3.9 to use an earlier version of the application.

2. Adobe Kuler

Adobe’s Creative Suite 4 applications – Illustrator, Photoshop, InDesign, Fireworks and Flash – have an Extension panel that connects directly to Kuler, the web-hosted application for generating color themes. Not many designers take advantage of a powerful tool like this one. Logging into Kuler.com with your Adobe ID, you can create color swatches themes from a color, share, rate and search the community color schemes, and upload or use a Flickr image to extract color themes so you can download them as an Adobe Swatch Exchange file that’s compatible with Adobe applications.

Kuler

But you can also access the Kuler site from its own standalone application to get more flexibility. Also there is a Dashboard widget to help you browse through your color schemes and the communities. To install Kuler Desktop you need to have Mac OS X 10.4.11 or Mac OS X 10.5.4 and up, with Adobe Air and Flash Player installed.

3. Name Changer

Name Changer is a very straightforward and simple tool that will help you rename batches of files without the hassle of Automator or Photoshop batch change – the latter can get a little too technical for some users.

Name Changer

This application saves you the time of naming each file manually. Name Changer gives you a wide variety of options that go from select text replacement to fully customizable text replacement. Designed for OSX 10.5, NameChanger is a Universal Binary, so it runs on both Intel and PowerPC macs. If you have a OSX 10.3 or 10.4 Mac, there’s a version that you can use too, so those Macs with earlier OS can still use the application.

4. YemuZip

YemuZip is a more powerful Zip-archive application that with a simple drag and drop interface, makes creating zip files an easy task. YemuZip lets you choose between a PC-compatible format and a Mac format that preserve all the Mac-specific metadata.

Name Changer

The tool lets you choose the destination of your zip file (same as source, Desktop or Documents) and can attach the file to an email message for easy sending. Runs on OS X 10.4 or later and it is an Universal Binary.

5. Dateline

A subtle replacement for having the date shown on the Menu bar, Dateline gives you a linear calendar on your desktop within a transparent window. One very useful feature is that it has direct access to iCal when double clicking on a day.

Dateline

The background and text colors are fully customizable along with transparency to make it blend seamlessly with your current desktop. This application requires Mac OS X 10.5 and higher.

6. DropBox

DropBox is by far the easiest way to share files if you are on a low budget and do not want to be bothered with server side issues when sharing files with clients. Since it’s an application that runs in the background, you can leave it running and it does the file updates on the machines seamlessly. You have a 2GB limit for the free accounts, 50GB for the Pro account at $99.00 per year or a 100GB for the Premium account at US$199 per year.

Another useful aspect of this app is that you can sign in and access your files from any browser, not necessarily from your Mac. The file sharing is done over SSL and encrypted with AES-256 before storage, so they are safe. From the visual side, a blue sync mark shows when the files are syncing and a green check mark appears when it’s done. What’s best, it’s that it’s not just for Mac, it’s compatible with Windows and Linux.

DropBox

Every time you update a file, Dropbox transfers what was updated from the original uploaded file, so working with large Photoshop, Illustrator or InDesign documents is a breeze. If you need to share files with users that don’t have Dropbox, you can use your Public folder and all the files in that folder will be given a unique link so you can send that for a direct download. And if you accidentally delete a file, you can “undelete it” from the web interface. Overall, it’s a time saving application when you want a fast way to share files with clients or co-workers.

7. Quicksilver

Quicksilver is a powerful application launcher, an application that will create catalogs of your frequently used apps, folders and documents. What’s interesting is that the search grows and adapts from what you do everyday. One very useful feature, If you have all your contacts in Address Book is that you can search within Quicksilver the contact name and when you hit enter on the telephone number, it shows on big type over the screen, so it’s a quick way of looking at a phone number without launching Address Book itself. An alternative: Namely.

Quickilver

You can enhance Quicksilver with plugins to do more powerful things, like uploading files using applications as Transmit, Queue albums on iTunes, emailing files or even moving the file’s location without doing it from the Finder. To run Quicksilver, you need a Mac with OS X 10.4 or higher.

8. iClockr

This is a small application that tracks your work time. You can set up different projects, and tasks for each project, and associate them to a client. The concept around iClockr is to have actions timed, for that you create tasks to be timed and those tasks add up to create a project. Each task is timed with a stopwatch, even the application’s dock icon changes to a stopwatch.

iClockr

You can edit the task durations for better and more exact timing. iClockr also offers two modes to manage your times: Flat Rate or Range based. You can match each project with customers (within the application’s Preferences pane). iClockr is a Mac Universal application that runs on Leopard only.

9. Caffeine

When video chatting or having a voice-only-call with a client, Caffeine has proved its place on Macs. Caffeine prevents your mac of going to sleep, dimming the screen and avoids the screen savers to start.

Caffeine

To get to the application’s preferences, hold down the Command key while clicking to show the menu. Lightheads’ website doesn’t specify if Caffeine works with other OS versions different than Leopard.

10. iTool

iTool is a free application that offers a complete system maintenance and cleaning. It has a friendly user interface that guides you to complete the needed maitenance task.

iTool

Also, hidden on the Application menu (not found on the application’s main window), you can reach other options to tweak the look of the Dock (2D or 3D) or the Finder among others. This application is Leopard only.

11. The Unarchiver

For those short on budget, there’s a very light and powerfull free app called The Unarchiver. It allows you to extract many more file formats besides the .zip, such as .tar-gzip, .tar-bzip2, .rar, 7-zip, .lhA and stuffIt. Also it better handles filenames from foreign character sets, created with non-English versions of other operating systems.

The Unarchiver

The installation is very simple: copy the applications into your Applications folder and start using the application. The Unarchiver requires Mac OS X 10.3.9.

12. Paparazzi!

Paparazzi! is a small utility for Mac OS X that makes screenshots of web-pages. Paparazzi! allows you to define minimum size and capture size, so you can capture the best screenshot according to your needs. You can choose between saving the resulting picture as .jpeg, .pdf, .png or .tiff, also adding a thumbnail and thumbnail icon. Its current version, 0.4.3 works on Mac OS X 10.3 or later, and their 0.5 beta is Leopard only.

Paparazzi!

13. AllBookmarks

AllBookmarks is a small menu bar item that provides you with a quick access to your browser’s bookmarks. It grabs Safari, Firefox and Flock bookmarks and also gives you access to 1Password 1Click bookmarks so you can navigate, fill a form and submit it with ease. The tool is a Universal Binary application which means that it works on Intel or PowerPC Macs, running OS X 10.4 (Tiger) or Mac OS X 10.5 (Leopard).

AllBookmarks

14. DockSpaces

DockSpaces is a small application that allows you to have up to 10 different docks, and swap them from the menu bar. You can also link a Dock with a Leopard’s Spaces so you can redefine your productivity. With Growl notification, you know which dock you are using. You can change the configuration for each dock for a more personalized usage. This application is a Universal Binary and Leopard only.

DockSpaces

15. TaskMate

TaskMate is a very simple and light task management application. Create a task, check it off when completed and it disappears from your list. The completed tasks are visible on the sidebar that you can toggle on and off. TaskMate runs on Mac OS X 10.5 Leopard and it is a Universal Binary Application.

TaskMate

16. Symbol Caddy

The Symbol Caddy Dashboard widget keeps a bunch of common special characters at your fingertips. Keyboard mode copies the special character and HTML mode copies the HTML entity code. Mac OS X 10.5.0 or higher is required. CharacterPal does the same and is also freeware.

Symbol Caddy Dashboard widget

17. iZoom

iZoom is a simple application designed to allow you to easily resize and crop your photos for optimized display on your iPod photo, on the web, or in email messages to friends. Built using Java, iZoom is available for Mac OS X, Linux, and Windows. Currently, JPEG is the only supported image format.

Screenshot

18. JumpCut

Jumpcut is an application that provides “clipboard buffering” — that is, access to text that you’ve cut or copied, even if you’ve subsequently cut or copied something else. The goal of Jumpcut’s interface is to provide quick, natural, intuitive access to your clipboard’s history. The application is available as a Universal Binary that requires OS X 10.3.9 or later. Users running earlier versions of OS X should try Jumpcut 0.54, which should work with OS X 10.1 and later. Source code is also available. Jumpcut is open sourced under the MIT License.

Screenshot
Image source

19. Name Mangler

Name Mangler is a batch file renamer that supports all common renaming tasks: Find and Replace (including support for regular expressions); Number Sequentially; Change Case; Set Extension; Add Prefix/Suffix; Remove/Insert Characters. You can combine all of these using the Advanced renaming mode, which even comes with some extra features, such as conditional statements, nested counters etc. Name Mangler 2.0 runs natively on both Intel- and PowerPC-based Macs and requires Mac OS X 10.5 or later.

Screenshot

20. CyberDuck

Cyberduck is an open source FTP, SFTP-client and also a WebDAV, Mosso Cloud Files and Amazon S3 browser for the Mac. It features an easy to use interface with quickly accessible bookmarks. The outline view of the browser allows to browse large folder structures efficiently and you can quickly preview files with Quick Look. To edit files, a seamless integration with several external editors makes it easy to change content quickly. An alternative: Filezilla.

Screenshot

21. TextWrangler

TextWrangler is the powerful general purpose text editor, and Unix and server administrator’s tool. Essentially, it is a free version of BBEdit (see below). It offers a broad range of support for different programming languages, and fantastic find and replace functionality. A reliable and powerful tool, especially considering its freeware status. (via appstorm.net). Requires: Mac OS X 10.4 or later. Alternatives: eMacs, Smultron, TextEdit (native Mac-app).

Screenshot
Image source

22. Growl

Growl is a notification system for Mac OS X: it allows applications that support Growl to send you notifications. Growl offers you complete control over which notifications are shown and how they are displayed. You will not receive any notifications that you do not want, because you can easily turn notifications (specific ones or all of them) off. Growl requires Mac OS X 10.4 or higher.

Screenshot

23. Gmail Notifr

Gmail Notifr sends you notifications about the received e-mails and other events in your Google account. It supports multiple accounts, checks mail at a specified interval, has Growl and sound notifications and has no background daemon processes installed as Google’s official notifier. Requirements: Mac OS X 10.5+ (Leopard).

Screenshot

24. MAMP

MAMP installs a local server environment in a matter of seconds on your Mac OS X computer, be it PowerBook or iMac. MAMP will not compromise any existing Apache installation already running with your OS X. You can install Apache, PHP and MySQL without starting a script or having to change any configuration files.

Screenshot

25. And so many more!

Our friends from Appstorm.net have recently published The Ultimate Mac Setup For Web Designers: 60 Apps and 60 Open Source and Free Mac Apps which cover dozens of extremely useful and powerful applications that you can download and use for free. You can also check out the list of open source Mac applications on OpenSourceMac.org.

We missed some really cool open source Mac-application? Please let us know in the comments to this post!

Reference Links

All the links mentioned in the article.

  • aLunch
    A very handy launcher that runs from your Mac’s menu bar.
  • Kuler
    Color themes generator.
  • Name Changer
    A powerful batch name changer.
  • YemuZip
    Creating Zip files has never been so easy.
  • Dateline
    Linear calendar for your desktop.
  • DropBox
    Online file sharing system.
  • Quicksilver
    Adaptive appliction launcher.
  • Transmit
    Powerful FTP client software.
  • iTunes
    Digital media player from Apple.
  • iClockr
    Timing application for multiple projects.
  • Caffeine
    Keep your mac from sleep.
  • iTool
    Complete System Maintenance, cleaning and customizing the look of Leopard.
  • The Unarchiver
    Unarchive with power.
  • Paparazzi!
    Grab stunning screenshots of webpages.
  • AllBookmarks
    Bookmarks from your menu bar.
  • TaskMate
    Task management made easy with a OS X feel.
  • Symbol Caddy
    Keeps a bunch of common special characters at your fingertips.
  • iZoom
    Allows you to easily resize and crop your photos for optimized display.
  • JumpCut
    Provides “clipboard buffering” – access to text that you’ve cut or copied, even if you’ve subsequently cut or copied something else.
  • Name Mangler
    A batch file renamer that supports all common renaming tasks.
  • CyberDuck
    An open source FTP, SFTP-client.
  • TextWrangler
    The powerful general purpose text editor, and Unix and server administrator’s tool.
  • Growl
    A notification system for Mac OS X.
  • Gmail Notifr
    Sends you notifications about the received e-mails and other events in your Google account.
  • MAMP
    Installs a local server environment in a matter of seconds on your Mac OS X computer.

About the author

Kitty Florido is a graphic designer and photographer from Guatemala, big fan of macs and music. You can follow her on Twitter.


© Kitty Florido for Smashing Magazine, 2009. | Permalink | 96 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: , , ,

Tags: