10 creative iPad and iPhone apps
Web Designer takes a look at the apps providing a creative signpost to the kinds of design and development tools ripe for supercarging on the iPad
Brushes
[£2.99] | developer STEVE SPRANG | http://brushesapp.com
This is one of the most sophisticated artistic apps available for iPhone and demonstrates how much power can be squeezed out of the device. Essentially it can be seen as a paint doodler for crafting simple artworks with touch-based gestures, but the ability to export images out at high resolutions or as QuickTime movies hints at something more powerful. The app records your actions within a bespoke .brushes file that syncs with a web server and allows you to replay each effort stroke for stroke. A free desktop application called Brushes Viewer facilitates additional operations, but an incredibly simple iPhone interface still enables users to select brush styles, widths, shapes and colours with ease – even adding support for multiple image layers, opacity levels and extreme zooms. An iPhone classic, destined for creative greatness on the iPad.
WordPress for iPhone 2.0
[FREE] | developer AUTOMATTIC, INC. | http://iphone.wordpress.org/
The explosion of CMS-based blogging has changed the way we publish webpages in a manner that really lends itself to mobile. This official app for blogging giant WordPress provides the key tools in an iPhone-friendly interface, allowing posts to be written and comments approved in just a few steps. Version 2 offers comment reply, editing and highlighting facilities alongside features for attaching images stored on your camera roll and intelligent recognition of hyperlinks as you type. What this app suggests most is that pretty powerful tools for updating and managing
online content, across multiple blogs, can exist on handheld devices quite happily. Add to this the open source nature of the application’s development and it makes potential future iterations for iPad really exciting, perhaps adding theme editing capabilities into the mix. That’s if you’re not keen on simply using iPad Safari of course.
WhatTheFont
[FREE] | developer BITSTREAM INC | http://new.myfonts.com/WhatTheFont/
Fonts come in many shapes and sizes and it is almost inevitable that while browsing the web, one will grab your attention. Then curiosity kicks in and you begin to wonder what font is that? This is where the WhatTheFont app kicks in and takes over. Users can use the camera on an iPhone to take a snap of the favoured font and crop the image to a specific word. Each letter is then identified by the user and WhatTheFont comes up with a selection of matches. The font matches are not just visual, a single tap reveal details of the font’s origin and the complete range on offer, ie uppercase, lowercase, numbers. Finally, if you are loving a font there is in-app website access that takes the user directly to the ‘Buy it’ page.
HTML Editor (Dirty)
[£1.79] | developer TAWCS | http://tawcs.com/htmledit/HTML_Editor.html
The usual practice for editing HTML documents is to do so locally, then upload the changes to your host using FTP. However, this becomes tougher on mobile devices like the iPhone as it doesn’t offer an open file system and the kind of workspaces needed to make workable HTML design very practical. This app offers capabilities to view, search, copy/paste and even edit HTML source markup or indeed compose new documents from scratch. Common coding constructs such as brackets and semi-colons are easily added via the quick keys and FTP export support enables you to save iterations of edited pages online. Despite a few quirks in terms of saving files out with CSS, PHP or JavaScript extensions it does offer a very tidy glimpse of what is possible. To be able to compose or make edits to live pages on-the-fly and preview the changes graphically is really useful, so a bigger screen and greater processing power might be useful. However, by then Adobe may have launched a Dreamweaver iPhone/iPad app which if anything like the Photoshop, one could be superb…
PMS|HEX
[£1.19] | developer RICHE EN PULPE | www.pulpe.nl/iphone/
Colour is the lifeblood of good design and while web design is based on hexadecimal code, design is not. Print design uses the Pantone colour range to determine its colours, not much help for any web designer looking to convert specific colours. The PMS|HEX iPhone app is the help that web designers need. It is a simple app that negates the need to spend time searching for the appropriate match. The layout of the app is easy
on the eye and simple to use. Sitting side-by-side is the Pantone spot colour code and hexadecimal code both accompanied by a preview of the colour. Users simple need to keep scrolling to find more and more codes. When viewing on screen it is worth remembering that the colours may not be an exact representation, but the code will be. As the creators also point out, hexadecimal colours are an approximation of the PMS spot colours.
myPANTONE
[£5.99] | developer PANTONE LLC. | http://www.pantone.com
So we have featured a palette app already, but this one from Pantone demonstrates how rich a design app interface can be. It shows most of all that screen size needn’t hinder the imaginative execution of a simple and intuitive GUI. Again the concept is all about picking suitable
schemes for print and web but in much more of a way that designers will respond to, with sets of virtual Pantone colour cards forming different configurations of the interface. You can easily imagine this app replacing the physical wheels or wall charts that many designers have used previously. One of the screens for Layout features a concept noticeboard that allows virtual Pantone cards to be pinned next to each other to get an idea of how swatches sit alongside or contrast. This approach is great for conveying context within designer applications, a more web-centric implementation on iPad could involve dropping web colours into mock blog templates.
SketchBook Mobile
[£1.79] | developer AUTODESK INC. | http://tinyurl.com/ycy3qcp
Not merely a very capable drawing app, SketchBook Mobile provides a more genuine solution for concept work. You can easily imagine this being adopted by designers to visually brainstorm graphical ideas more casually, literally providing a digital sketchbook that can output the results for further development. The larger canvas and workspace area, coupled to support for multiple layers, and the ability to export sketches out to the iPhone image library or email makes it a viable tool in its own right. Images are saved in PSD format with layer information kept intact so you know that colleagues or clients will have no trouble
previewing the results or making additional edits. The iPad’s larger screen should empower apps like this and provide the extra level of usability needed to make it useful in a practical context, making this an essential one to get now and keep hold of for the future!
cliqcliq Colors
[£1.79] | developer CLIQCLIQ | www.cliqcliq.com/support/colors/
A big part of web design and certainly the crafting of attractive templates is in being inspired to create new styles. Colour usually plays a huge part in this process and often the look and feel of a page can be completely determined by getting the colour palette just right. Those who use Adobe’s Kuler RIA online will recognise how helpful it can be to get assistance in establishing harmonious and web safe schemes, which is effectively what cliqcliq’s Colors allows you to do. Palettes can be quickly derived from photos taken on the iPhone, from selected Flickr pictures or manually created from scratch, then stored locally or posted to the cliqcliq.com facility for future reference. Colour hues can be quickly edited using slider controls and simple swipe gestures and each swatch provides Hex values, RGB/CMYK codes and HSB percentages. Most vitally, the palettes can be emailed out in formats optimised for Photoshop, Illustrator, Flash and Dreamweaver.
The Typography Manual
[£2.39] | developer JUSTIN STAHL | www.typographyapp.com
At face value the world of typography is a seemingly simple process. However, it is type and fonts that make up a huge slice of the web. Using different sizes,
colours and styles to create visually appealing pages is an art form in itself. The Typography Manual app has a collection of features and resources that will help every web designer create pixel perfect typography for the web. To kick-off there is an extensive guide to the history of printing, the basics of type and using typography on the web. For the more discerning there is a style guide to assist with producing the correct copy. There is also a visual anatomy guide which defines typographic terms. A more practical feature for web designers will be the HTML character codes list. Plus, the Em calculator, which translates pixel sizes, based on a default, into ems.
FTP on the go
[£3.99] | developer HEADLIGHT SOFTWARE | www.ftponthego.com/
Designing locally or viewing via the web are two very important components of the web design process. However, linking the two together is the simple process of transferring via FTP. This powerful and useful app gives users the power to get connected and upload and download via a secure connection. The very nature of FTP means that web designers now have the freedom to make amendments the moment inspiration strikes. The FTP on the go app has a built-in text editor for making instant changes. There is a find and replace feature, ideal for producing multiple changes in one hit. Then it is simply a matter of saving and ploading ready to view. There is even an option to change file permissions on the server. Finally, like all good FTP clients users can use it to download and store files, but best of all there is a file sharing option for viewing files from another iPhone.
















Awesome Links.
Shame we have to highlight the URL rather than clicking but hay you must have your reasons.
I agree with Ray. Please don’t be lazy, make your URL’s links.
Also, how about some Android love?
Can we please stop perpetuating the stereotype that all web designers & developers have iPhones? :)
Thanks for fixing the links! :)
Nice write up, always nice to see what apps designers / developers are using these days. I do agree with Batfan though.. I use Macs for computing and what not, but rock the Evo 4g. Would be nice to see some Android mentions :)
Cheers,
Josh
Thanks for changing the links guys!
Also agree about the Android/iPhone side of things.
Keep up the good work guys.
I have to say that I don’t know a single web designer who does not have an iPhone.
Thanks for the collection. Please also try the iPad app called Picture Link. Feedback appreciated.
Picture Link enables you to link images on your iPad. Use it to hold interactive presentations on your iPad, no matter what presentation program you are used to. Develop iPad application prototypes without any programming skills or simply develop picture stories that have a tap-enabled navigation.
Demo video on http://www.zuhanden.de/apps/picturelink-app/
To have better idea about the same just click on the link given hereby at Web Development
Very good work..keep up ..
Try also PhotoBooth – developer AppCore
PhotoBooth is an entertaining photography application which you can use to apply hundreds of special effects on your portrait photo and obtain crazy pictures. You can also add text effects and speech bubbles similar with the ones used in comic books; you can also tag your photos, add dates or memos or just add funny speech bubbles, transforming your photos in one of the funniest photo albums. All you have to do is load a photo from your phone’s library and play with the special effects. You can also easily send a visual message, impress your girlfriend/boyfriend with a loving visual message or wish everybody Happy Holidays with a custom made E-Card, just like the app’s description says.
Application features include the following:
- Christmas Effects
- Speech Bubbles
- Evil Elf Effects
- Animal Effects
- Funny Faces Effects
- Clown Effects
- Zombie Effects
- Pirate Effects
- Crazy Looks Effects
- Horror Effects
- Style Effects (Glasses, Sunglasses, Hats, etc.)
- Venetian Effects (Venetian Mask, Feather Masks, etc.)
- Violent Effects (Bruises, Scars, Cuts)
- Body Effects (Mustaches, Beards, Eyes Mouths, Tattoos and Piercings)
You can add and delete the layers very easily, resize the special effects to fit perfectly and rotate the effects to the right angle so that your photo will seem as real as possible. You can add as many effects as you want. When you’re done styling your photos you can just save the pictures into your phone and send them to all your friends and family using Facebook, Email or MMS. You can post the picture on your Facebook Wall with the integrated Facebook function. It will also automatically create your Facebook Photo Album for you with one click.
Xmas PhotoBooth combines the fun of adding special effects to your own photos with a friendly interface and it’s surely worth purchasing. As shown above, the PhotoBooth app has a high-quality feature-set as the first sign of the developers’ commitment to their product. As crucial as the app’s features is also the interface – which is an easy-to-use one, unlike other similar apps using difficult or confusing interfaces. The controls for the PhotoBooth application are easy to understand and simple to use without requiring a lot of additional direction from the programmer. It really doesn’t matter how neat the idea behind the app is: if you struggle with the interface, you’re not going to use it. The graphics are the eye-candy for this mobile app and the visually appealing program increases its value as well as shows off the beautiful touchscreen of the iPhone.
All of the previously mentioned pieces are important and desirable in a quality app, but stability is the key to the whole operation. If the program continually locks up your iPhone or iPod touch causing it to freeze or restart, it’s certain to be discarded rapidly. The PhotoBooth app does not have this kind of problems, stability, therefore is not an issue.
The final element to consider in an app is program size. Since you can’t add additional memory to your iPhone, it’s important to manage the amount of memory an application requires. Again, PhotoBooth does not have issues regarding the size matter, its size being 14.4 MB.
In conclusion, this photography entertaining application is worth your time and money, and you should give it a try.
You can get the PhotoBooth app here: http://itunes.apple.com/us/app/xmas-photobooth/id406159121?mt=8 .
All 10 are great. But, I like to go with WordPress why? In my company we develop & recommend to work on WordPress even though it will application or CMS system. Nice post.
All apps are great, but our company always use WP for iphone :) very useful app for all developers :) Some apps are new for me, so i’ll try them very soon!
very very good links, thaks
sketchbook is an awesome app :) love it, nice execution.
i got another suggestion for ya, if you into creativity, computers etc. you may enjoy a brief visual walk down the memory lane of old retro computers :)…
check Retro Computers
Link:
http://itunes.apple.com/us/app/retro-computers/id446648826?mt=8
good collection, thank you!