40 Essential iPhone Applications For Web Designers

Tweet

Web designers can be struck with inspiration at any time, but if you’re away from your computer there isn’t much you can do. Well, with an iPhone or an iPod Touch that has all changed. Now you can make notes, pick color schemes, ping servers and even FTP a file to your device, edit it and then upload it back. Why bother being tied down to a desk anymore when you can work just as easily from a beach if inspiration hits you?

These 40 applications cover the whole gamut of a web designer’s needs. Prices vary from free to several dollars, so make sure to check the cost before you click download.

Coding Language Applications

CSS Cheat Sheet: Keep this handy guide to cascading style sheets at the ready so that you can look up things such as backgrounds, borders, colors and more.

csscheatsheet

HTML Cheat Sheet: A quick and handy cheat sheet to various HTML commands such as colors, symbols, tags, attributes and more.

htmlcheatsheet

HTML Quik Ref: Gives you examples of HTML tags with a description and a sample.

htmlquikref

HTML Test: Think you know everything there is to know about HTML? Just starting to learn the language? Give yourself this test and see how good you really are.

htmltest

JavaScript CheatSheet: This app allows you to keep up with all of the commands you need for strings, dates, arrays, math and more.

javascriptcheatsheet

jQuery CheatSheet: Keep up-to-data with this lightweight JavaScript cheat sheet that will help you with events, plugins, scrolling and numerous other commands.

jquerycheatsheet

PHP Cheat Sheet: This app is an actual database of PHP reference material, and not just a bunch of links to resources on the Web. Look up commands, loops, variables and a whole lot more.

phpcheatsheet

PHP Ref: This quick reference guide contains all of the 5,149 PHP functions.

phpref

RegEx Cheat Sheet: A cheat sheet for regular expressions and how they are used in languages such as C#, .NET, Java, Perl, PHP, Python, Ruby and more.

regexcheatsheet

Source Viewer: Allows you to take a look at the coding of any web site just like you do on a desktop or laptop.

sourceviewer

Color Applications

cliqcliq Colors: Create a palette of colors starting with one you like, and then you can convert the finished product between RGB, HSB, Grayscale as well as integer and floating point scales. You can also extract colors from pictures taken with the iPhone, email palettes to anyone you like, generate full-screen color previews and a whole lot more.

cliqcliq

Color Expert: Color Expert allows you to search through various Pantone color selections, web safe colors, HTML colors and more. You can email palettes in Adobe Swatch Exchange format, pick colors from photos, add custom colors and more.

colorwheel

ColorPicker: A simple color picker that allows you to use sliders to dial in a color you like and then see the RGB and HEX codes for it.

colorpicker

ColorRef: Name the theme you want to come up with and start choosing colors to be included. The colors you have added to the theme will have their RGB, HEX or CoraGraphics codes displayed for easy reference.

colorref

ColorSutra: ColorSutra is the perfect tool for people who have a difficult time figuring out what colors go with others. Pick a color yourself or from a photo and the application will suggest other colors that match it.

colorsutra

ColorTool: This application provides two sets of sliders that allow you to set the RGB values and then also play with hue, saturation and balance. Once you find the color you like, you can save it for later recall.

colortool

HEX RGB Colors Guide: A handy application for keeping HEX and RGB color codes close at hand no matter where you are.

hexrgbcolorsguide

HTML Colors: Play around with RGB colors to find the perfect combination of background colors to go with your choice for text. Also has a guide of the 216 "safe" web colors.

htmlcolors

Palettes: Palettes will allow you to extract colors from a photograph, camera image, web site or add them manually, and then you can build a palette from any of the five color models. You can import & export palettes, email them, and back them up, as well as numerous other features.

palettes

Database Applications

DatabaseViewer: DatabaseViewer allows you to work with numerous database styles such as MS Access, MS Excel, Oracle, SQL Server, FilePro, FoxPro,Oracle, SQL and a few others. You can also ask it to sync the latest changes in a database to your device so you always have the most recent information.

databaseviewer

iMy: iMy is a full client for sending a query to your database without ever typing in the words. The application has a list of selectable keywords you can choose from. Just pick what you need, send it and get your full results.

imy

jHeidi MySQL/Oracle Client: A full client for communicating with your MySQL and Oracle databases. Send queries, browse databases, see tables and more.

jheidi

MobileCan: A full client for that allows you to interact with PostgreSQL databases and send whatever query you would like.

mobilecan

MySQL Cheat Sheet: This application gives you a quick reference guide to just about everything you need to know about MySQL at a moment’s notice.

mysqlcheatsheet

File Sharing Applications

FTP On The Go: An extremely handy FTP application that will allow you to upload and download files, make changes to text files with the built-in editor, see changes in the included browser and more.

ftponthego

ServersMan: Ever wanted to run a server from your iPhone or iPod Touch? Well, as odd as that may sound, that is exactly what this application allows you to do.

serversman

Font Applications

FontShuffle: FontShuffle is run by FontShop, and basically all this application does for now is give you the ability to browse through various font families while you look for inspiration on which to use in your project.

fontshuffle

WhatTheFont: Ever see a font on a poster as you walked by and wish you knew what it was? Take out your iPhone, snap a picture, and WhatTheFont connects with the MyFonts database and lets you identify it. iPod Touch users aren’t left out either as you can use the tool to identify the font on any saved photo.

whatthefont

General Design Applications

Developer’s Tool Kit: Check out a fully categorized reference guide to the full ANSI UTF-8 character set. Also includes a scientific calculator and a slider to generate HEX color codes.

DevelopersToolKit

Web Developer Bible: A bit of a catch-all application with an RGB color picker, special character guide, C-Format strings and more.

webdeveloperbible

Website Monitoring And Stats Applications

Analytics: This is the lite (i.e. Free) version of Analytics Pro, but may have just enough reports for your needs.

analytics

Analytics App: Allows you to interact with your Google Analytics account to see 41 various reports up to 100 lines in length. This application also allows you to switch through multiple sites, generate custom reports, customize your date range and a whole lot more.

analyticsapp

Analytics Pro: See 50 of your Google Analytics reports in this application, including being able to turn to landscape mode for those wider maps.

analyticspro

BAM Analytics: Another entry into the Google Analytics application race. This one has more limited reports than most, but it allows you to get in to your account quickly and see the latest information.

bamanalytics

Domain Tracker: Keep track of how your domains are performing on Google PageRank and Alexa Rank.

domaintracker

Ego: Ego gives you a little bit of monitoring for everything. You can check your analytics, see how many Twitter followers you have, the number of RSS subscribers to your feed and more.

ego

Joe’s Network Utility: This application allows you to do pings, send traceroutes, do DNS lookups and a whole lot more.

joesnetworkutility

Network Utility Pro: Keep an eye on your site with the ability to send pings, conduct TCP/IP port scans, WHOIS queries and more.

networutility

Ping: Ping allows you to test your iPhone or iPod Touch connection to a site by sending a number of packets you determine back and forth to the server.

ping

Web Tools: This application mixes domain lookup, WHOIS information and the ability to ping servers to see if they are responding.

webtools

What are some of your favorite iPhone applications that help you with your design work?

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • Steve Street

    I am in the market to sell iPhone Apps. Does anyone know of a good site where I can become an affiliate?

  • too//damn//ninja

    nice. any chance of a similar post for Android apps?
    we need cool things too! :p

  • http://pelicansareevil.com Bling

    Would have been nice if you mentioned in the article the price of each application.

  • general777

    Hi Steve. What do you mean by selling iPhone Apps? I know of a company that create iPhone Apps, are you looking to be a re-seller/affiliate? Cheers.
    Sam

  • http://www.magain.com/ Matthew Magain

    @Bling The price of iPhone apps can change over time, so we opted to leave the prices out to avoid this page becoming a maintenance nightmare, as the prices were bound to be out of date soon after publication.

  • benz_ladies89

    nice, I like it

  • Anonymous

    interesting list of apps. we run an iphone training program at EDUmobile.ORG and if any aspiring web developers want to take the jump, do visit.

  • Kyle Farris

    Didn’t know they had a WhatTheFont app. That’s really cool, I’ve used it on the web a few times. This will probably come in handy some day. Thanks for this article, it was quite useful. ;-)

  • JanOS

    Gracias por la lista

  • Smola

    From the title I was under the impression that I needed all 40 of these apps but upon perusal I see that there are multiple apps for the same type of app. There are 9 color apps alone! That’s 25% of the apps listed! A little misleading if I do say so.

    Also, I have looked up a couple of the apps on the app store and many have them have poor ratings. You could have easily listed a category such as: “Rating at time of publication: x stars”

    Overall I think the article is a great idea to give developers and designers and idea of what types of apps are out there for them, but I think the title could change.

  • http://www.rachelreveley.co.uk artemis

    The range is very limited for designers/developers (not Sitepoints fault) A basic HTML editor with built in FTP would be nice for on the spot website updates. I will have to give some of the colour apps a try.

  • Lou

    great post, also check out Top iPhone applications that all designers should own! – http://tinyurl.com/d9hlxx

  • Iphone Apps Developer

    Iphone Application Development Center – A right place to develop iphone applications in India.

  • http://itunes.apple.com/app/visual-html-editor-eye/id471830978?ls=1&mt=8 LenK

    Visual HTML editor EYE is a very simple HTML editor that easy to use:
    http://itunes.apple.com/app/visual-html-editor-eye/id471830978?ls=1&mt=8