Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

March 17 2012

10:00

16 Android Applications to Help You Manage Your Day Better

Freelancers are always working. There is usually something that needs to be done, be it an email that needs sending or research for a project that you should be working on. If you are a freelancer with an Android phone, you can easily manage your day and some of your work flow while you are away from your desk.

Below are a bunch of free or low-cost Android applications to better help you manage your daily to-dos. While these applications are a few of hundreds of thousands available, the applications in this list have been chosen for their ease of use and/or integration with programs and web services you may already be using.

Calendar apps

1. Business Calendar

Business Calendar is my Android calendar of choice. Some of the features that won me over are the easily adjustable calendar views. To get from month view to week view, just swipe your finger over that week.

Want to expand or shrink the number of days in week view, use the slider at the bottom of the screen. Also at the bottom of the screen, you can see all of the calendars synced to your phone. The calendars can be hidden by touching the calendar name.

The free version offers 75% of the functionality of the paid app. The paid app offers different widget options and (the reason I bought it) drag and drop appointment changes.

2. Calengoo

Calengoo is a very popular calendar among business folks. While there is no free or lite version, you get many super cool features. Drag and drop appointment management, widgets, icons to better differentiate events. Calengoo lets you send an event or a whole calendar as an ICS file so others can easily import events to their calendar application.
Syncing your Google Tasks is unique to most calendar applications. In most cases you will need a separate task application like the task apps listed next.

Managing Tasks

3. Tasks n Todos

Tasks n Todos is a very easy to use to-do list application for Android. You can drag and drop to rearrange lists. There is a backup function so you can save your tasks to your SD card. There is voice input for the tasks easily accessible from the bottom of the tasks screen. There is a handy option to add pictures or even maps to a task.

4. Astrid Free

Astrid is a wildly popular task management application for Android devices and also iPhones. Astrid is a little different because you can access Astrid from the web as well as through your mobile app. A cool feature is being able to forward emails from your synced Gmail address and turn them into a task.
For a fee, you can get add-ons for Local and what they call the Astrid Power Pack. The power pack gives you different widget choices and adds voice input.

Storage

5. Box

Box is an application that is growing on me. I have to admit I only downloaded it initially because they are giving Android users 50gb free. I am liking the way it fits my basic mobile backup and sharing.

6. Dropbox

Dropbox is the go-to cloud storage for many people, myself included. There are a ton of add-on applications when you use the Windows desktop program. Aside from the potential additions, Dropbox just added instant upload of camera pictures and videos.

Social networking

7. Hootsuite

Hootsuite is used by a lot of companies and individuals alike. The main feature that separates Hootsuite for Android over most of the others is scheduling updates. You can set an update to Tweet and post to Facebook and other networks hours, days or months down the road. You can also set up what would be columns in the web version to track a hashtag while on your phone.

8. Tweetcaster

If you just want to use an app for Twitter, Tweetcaster is great. Accessing multiple Twitter accounts, the strong search function and having access to manipulate your Twitter lists are all advantages over many other Twitter only apps. The paid version lets you access Facebook features too.

On the phone

9. Google Voice

Google Voice is basically a Gmail inbox for your phone. You can SMS and receive your voicemail from a separate Google Voice number right on your Android phone. Having a separate “office”number is handy to have. Then you aren’t giving your mobile out to all of your clients.
Google voice will transcribe your voicemails and also offers a send to SPAM feature for those people who just wont stop calling.

10. Call Reminder Notes

Call Reminder Notes is an app for the forgetful. If you have ever called someone and forgot why you called them, this Android application is for you. Set reminders to call someone in your contact list at a specific time or set a reminder note to pop up on the screen next time you talk to them. Either way, your phone usage will be more productive.

SMS Add-ons

11. Txt Msg Away Message

Many people are so accustomed to sending a quick text message if they need a quick simple response. When you have a few people texting you every hour, it is a big distraction. Txt Msg Away Message will auto reply to the sender with a canned response letting them know you are working. You can have several canned replies, all for different occasions.

12. SMS Backup +

SMS Backup + is a great way to back up your text messages. In the settings, you can choose to have all of your messages back up automatically as often as every 30 minutes and incoming messages as quickly as 1 minute after they arrive.

The coolest part is, the messages and call log back up to your Gmail account. They are added to a label for easy access later. All of the times and attachments will show up, so will the duration of the calls.

Note taking

13. Evernote

Evernote is a fantastic note taking application with a ton of options. It is more like an information catch-all. You can upload files and images and be able to access them later. One of the coolest features, in my opinion, is the ability to search for text within an image. This means, you can take a picture of a business card and use Evernote to search for any bit of information on that card.

14. ColorNote Notepad

Starting to use ColorNote is a smooth transition for people who are Post it note addicts. The application works pretty much how you would use a paper sticky note. There are widgets you can paste you your screen. The widgets let you add a note fast.

Changing the color of the notes makes it easier to separate the notes by topics or information on the note.

Financial

15. Expensify

Expensify lets you handle items that would normally be a pain in the neck to manage… your expense report and receipts. When you buy something, instead of carrying that receipt trying to remember to log it in your financials for 3 days before you lose it, you can snap a picture of it. Uploading the receipt image and associating the receipt with a particular project.

Another good feature is the mileage tracker. Tracking your travel mileage is one place where most people fail to keep good records. There are 3 options, the easiest is to let the GPS track your route.

16. Square

Square is one of the most popular payment taking applications out there. Plug in a card reader into the headphone jack of your Android phone and swipe their credit card. The funds will take a couple of days to land in your bank account. If you do on-site work for clients, accepting payment on the spot is a must have.

Final thoughts

In the end, a tool is only useful if you use it. While you may have an Android phone for other reasons, you can sure make your life easier by adding a few applications to better manage your activities during the day.
What applications do you have on your Android to better manage your busy day?

March 06 2011

10:00

15 Entertaining and Useful Facebook Applications

Nowadays, many people have put Facebooking as part of their daily routine… a daily routine for some, and an addiction to many. On this popular social networking site, you don’t only check on what is happening with your friend’s by their status updates, uploaded photos or videos, you can also enjoy using hundreds of applications. These are just a few of the reasons that Facebook is the most popular social networking website.

You can find many applications on Facebook that are created for fun,productivity, whether they’re games, or useful. Have you ever wondered if there are applications that could be useful for designers, writers, and developers? Here are a few of Facebook’s applications that may interest you.

1. Fotoshop

Fotoshop is an online Photoshop or GIMP like application. By using this software, you can edit and design your photos for free without installing.

Features:

  • Start with a blank image or from the clipboard.
  • Open an image from your computer.
  • Sign up and save edited images to your Facebook, Flickr, Immi or Pixlr account.
  • Add Filters just like in Photoshop.
  • Edit adjustments such as Brightness and Contrast, Hue and Saturation, Levels, Exposure, Curves and more.

2. Picnik

Make your photos really amazing with this fully functional online photo editor.

Picnik also offers a premium account. Picnik Premium is available for only $24.95 USD/year and gives you access to more great stuff you will really appreciate. With Picnik Premium, you can use all the effects, plus preview new features, and receive premium support.

Features:

  • Easy-to-use software
  • Crop, auto-fix, resize, rotate photos
  • Red-eye fixing
  • Creative effects, fonts, shapes, stickers and frames
  • Post photos on your page
  • Tag your friends on your edited photos
  • Edit friends’ photos
  • Complete ad-free experience (Picnik Premium)
  • Curves and Levels tools (Picnik Premium)

 

3. Graffiti


Graffiti is a fun application that lets you create graffiti that you can send to your friends. Or you can post your created Graffiti on your wall.

Would you believe that the image below was created by only using Graffiti? Very cool. Click the photo below to see how it’s created.

Created by: Natalya Latisheva

4. Pekay’s Little Author

Create your original storybook with Pekay’s Little Author application. You can share your story or message among your friends on Facebook using this application. It’s drag and drop!

Features:

  • Create storybooks and share them to your Facebook friends.
  • Browse, delete and manage your storybook.
  • Save and store up to 100 storybooks.
  • Download an off-line version of Pekay’s Little Author.

To know more about this application, you can watch their video guide here.

 

5. Art

Want to release your creative stress? Try this application.

6. Networked Blogs

Networked Blogs is a large news community and community of bloggers that lets you promote your blog on Facebook. You can find a directory of blogs that are categorized by different topics and locations.

Features:

  • Add and promote your blog.
  • Connect with other users.
  • Read and write articles based on the subjects you like.
  • Vote for and rate articles you like.
  • Import blog feed to your profile or page.
  • Follow registered blogs.

7. RSS Graffiti

Features:

  • Checks RSS/Atom feeds you specify
  • Posts entries it finds on Facebook walls you specify
  • Multiple feeds to multiple walls. You can choose your desired combination.

Looking for an application to store and publish your uploaded files? Try DivShare and SlideShare.

8. DivShare

DivShare is a web host application where you can upload different kinds of files and Divshare will host them forever for you for free!

Features:

  • Upload photos, videos, and other files
  • 200 MB size of storage space
  • Share uploaded files on you Facebook
  • Send uploaded files to your friends
  • Post files on your wall
  • Add files on your news feeds

 

9. SlideShare

SlideShare is an application that lets you share your presentations on your Facebook network.

Features:

  • Share presentations and documents on your Facebook such as portfolios, resumes, conference talks, lesson plans, etc.
  • Upload different kinds of presentations and documents that have these file extensions PPT, PPS, PPTX, PDF, DOC, DOCX, Keynote, iWork pages
  • Embed YouTube video on your presentations
  • Add audio to make a webinar on your presentations
  • Syncs in your LinkedIn account if you have one
  • Imports uploaded existing presentations on your SlideShare account

10. The Ultimate Vision Board

Be reminded and get inspired with your goals through this application. Ultimate Vision Board is a digital cork board where you can post the images of your goals. You can view it daily to keep you focused and motivated. It is very easy to use and you can also share your visual boards to your friends!

11. Visual Bookshelf

Visual Bookshelf is an application that is created by LivingSocial.

Features:

  • Lets you add your favorite books to My Collection.
  • Lets you search books by author, title or ISBN.
  • Sends Newsletters on your E-mail.
  • Lets you Edit Settings for your Visual Bookshelf Profile, Account, Newsletters settings and others.

12. Designer Directory

Designer Directory is a web directory of design resources, designers, design companies, studios, portfolios, consultancies and many more.

13. Welcome Tab for Pages

Welcome Tab for Pages is designed for Facebook page owners to showcase their brand/profiles/business, upcoming promotion, event or just a general announcement to their fans in just three easy steps. This application provides real-time metrics on visitors coming to your page.

14. My Google Calendar

This application allows you to embed your Google Calendar on your profile or application/business page. Just paste your Google Calendar code link and voila! You will be able to see and manage your own Google Calendar right on your Facebook account.

15. Contact Me

Make your life easier as a businessman with this ContactMe application to organize and grow your customers and make your dreams alive.

Features:

  • Get more leads
  • Organize your contacts list
  • Get a free contact form

Do you want to create your own Facebook application? Try this one…

Application Builder

This application lets you create your own Facebook application even without knowledge of any programming language in just few minutes.

You can create different types of applications depending on your interest:

  • Album Application
  • Game Application
  • Video Application
  • Friend Interview Application
  • Status Updater Application
  • Yes/No Application

…and many more. You can even create one for your school, business or work.

 

Now your turn. What applications do you use? Feel free to share it to us! 

Sponsored post
soup-sponsored
04:52

December 09 2010

00:28

9 Free Online Alarm Clocks To Help You Wake Up

Don’t have an alarm clock? No need to worry. Thanks to web developers, you now have countless websites that can work as alarm clocks. We have gathered 9 such free to use websites. Find them below and see which one can be of most use to you.

You are welcome if you want to share more online alarm clocks that our readers/viewers may like. Do you want to be the first one to know the latest happenings at  SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.

Online Clock

clip_image002

Online Clock is simple alarm clock that lets you set the alarm at a specific time – hours and minutes. At the alarm time, an annoying sound is played which is bound to wake you up. Visit Online Clock @ http://onlineclock.net/

Kuku Klok

clip_image004

Kuku Klok lets you choose the sound that goes off at the alarm time. You can choose from cockerel, a classic alarm clock, electronic, slayer guitar, and military trumpet. Check out Kuku Klok @ http://kukuklok.com/

Avnoy Alarm Set

clip_image006

Avnoy Alarm Set provides both, digital and analog representations of a clock. The date is also displayed. You can set the alarm to go off at any time and choose from these sounds: beeper, slow melody, and fast melody. Check out Avnoy Alarm Set @ http://www.avnoy.com/alarm/flash.swf

Naked Alarm Clock

clip_image008

Naked Alarm Clock displays the current time and alarm time simultaneously. Available alarm sounds are named simple alarm clock, alien alarm, digital alarm, and bugle reveille. Visit Naked Alarm Clock @ http://www.nakedalarmclock.com/

Music Alarm Clock

clip_image010

Music Alarm Clock will make many people happy because it lets you play your favorite songs as the alarm sound. Simply select the alarm time and the song from the provided list. Check out Music Alarm Clock @ http://www.music-alarm-clock.com/

Alarm Tube

clip_image012

Alarm Tube lets you play any YouTube video when the alarm goes off. Moreover you can enter the alarm time in natural language e.g. “in 30 minutes” or “tomorrow at 6am” or “7:30pm.” Check out Alarm Tube @ http://alarmtube.highimpactnoise.com/

Sleep FM

clip_image014

At your specified alarm time Sleep FM tells you the weather conditions and other news gathered from the internet. If your internet goes down, a backup alarm is played. The site also allows setting alarm via bookmarks so you can quickly set the desired alarms. Check out Sleep FM @ http://sleep.fm/

Klokoo

clip_image016

Klokoo is another easy-to-setup alarm clock that displays the date, current time, and alarm time simultaneously. You can choose from various alarm clock sounds. Visit Klokoo @ http://www.klokoo.com/

Metaclock

clip_image018

Metaclock will appeal to many internet users. In addition to playing different sounds at the alarm time, it lets you display the day’s news, hottest offers, and horoscope. You can also schedule display of any note and the auto-opening of up to two URLs. Check out Metaclock @ http://www.metaclock.com/en/

February 05 2010

17:30

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, did you know that Smashing Magazine has one of the most influential and popular Twitter accounts? Join our discussions and get updates about useful tools and resources — follow us on Twitter.]

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

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 | 36 comments | Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine
Post tags: applications, wireframing

November 13 2009

07:37

7 Apps That Could Be Really Useful At Work

This is one of the very best list of its kind where you can find few of the useful online tools and could be very helpful for you when you want to get your work done. I hope all of you will like this list if you are office worker, designer, developer, a manager, a supervisor, a student, a home user, etc. Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 7 Apps That Could Be Really Useful At Work. Just take a look at them and share your thoughts here.

You are welcome to share more useful web tools that will be helpful for web designers and our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com just subscribe to our rss feed and you can follow us on twitter as well.

Mockingbird

Mockingbird

Mockingbird is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

VeoProject

VeoProject

The easy way to manage your projects online. You can organize tasks, issues, messages, and shared files with this secure and easy to use project management application.

Lockbin

Lockbin

Lockbin is a free service for sending private email messages. You can use it to send things like credit card information or confidential information.

Clipperz

Clipperz

Clipperz is a free and anonymous online password manager. Local encryption within the browser guarantees that no one except you can read your data and there is nothing to install.

ShowDocument

ShowDocument

ShowDocument is a free service for online meetings with fully synchronized co-browsing of any document. It is a quick and simple way to share a document with other people at the same time. It is a web collaboration platform that lets individuals have a free online meeting. It is an alternative to various commercial desktop sharing applications. One can easily upload any file and during the session mark it up with a pen or a highlighter tool in addition to a text box tool and eraser.

Draw Anywhere

Draw-Anywhere

DrawAnywhere is an online diagramming website, where you can draw, modify and share flowcharts and other diagrams, with the look & feel of a desktop application. It runs on any browser with Flash 9 installed. There is no need to download and install any custom software. It runs entirely on the web, and thus it is an always-on-access-anywhere solution. It meets all your diagramming needs without installing, maintaining and purchasing expensive software.

Go2Convert

Online image converter for free

Go2Convert is a set of free web based tools that allow you to convert, resize a picture without having to install any software on your computer. It is not meant to be a complete Image editing software package. It is meant to be an easy to use solution to convert, resize your pictures and digital photos without the need to learn a complex software package. Once you convert, resize an image, you can choose to copy image’s URL or download it directly to your computer – It doesn’t get easier than that.


User guides (In Adobe PDF format)
http://www.drawanywhere.com/doc/dauserguide.pdf

Frequently Asked Questions


Brought To You By

Premier Survey
Do you want to advertise here? Click to get more info…

Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.
(PRO)
No Soup for you

Don't be the product, buy the product!

close
YES, I want to SOUP ●UP for ...