7 iPad Tips for Web Designers and Bloggers

October 2nd, 2012 by

iPad Tips for Web Design and Blogging

The iPad is a great tool for viewing content, interacting with productivity apps, and giving consumers and staff the ability to work from any location without lugging a bulky Windows or Mac laptop around.

However, as designers, developers, and copywriters you may hit a brick wall when it comes to those handy features that are standard on most desktop browsers or operating systems, since they are no longer available on the iPad.

Here are some convenient tools and tips to help you be more productive on Apple tablets.

Tip 1: Viewing source code on Safari mobile browser
View Safari Mobile Source CodeIf you design websites or are involved in search engine optimization (SEO) for websites hosted on affordable Linux hosting programs you may have noticed there is no way to view the source code on a mobile Safari browser. This is a major pain in the neck especially if you want to quickly review SEO meta tags or particular html tags relevant to a new website or application you are building or testing. This odd omission is easily solved by using a piece of javascript code inside the Safari bookmarking area. Review this article which includes step-by-step instructions on how to launch this feature.

View solution: http://hiox.org/34743-how-to.php

Living without Microsoft Word
It seems Microsoft Office has not yet built a home in the iPad app store for Word. If you write blogs, articles or white papers, this can really slow you down when you are traveling without a laptop and relying upon your trusty iPad. Fortunately, there are two great alternatives, which are extremely powerful yet simple to use.

Tip 2: Plain Text
PlainText - Dropbox text editingThis blog post was written using this great little app which synchs sweetly with Dropbox, one of our favorite cloud storage solutions. No frills, no excessive features and no distracting bells and whistles, help make this app a gem for writing quick, clean articles or blogs on the fly. Remember to enable “detect links” in the advanced settings to auto-hyperlink any URLS you reference in your written pieces.

Visit app: http://www.hogbaysoftware.com/products/plaintext

Tip 3: Evernote
EvernoteThis app is fast becoming a favorite for those that work in the advertising or publishing industries. Not only can you write notes, articles and blogs, but you can also synchronize them in the cloud using a variety of devices including your iPhone, iPad and laptop. You can also share notes with other users and vice versa; a really handy little app.

Visit app: http://www.evernote.com

Tip 4: Pages
Pages AppMany would argue this should be at the top of the list but it will cost you $9.99 in the app store. It’s a great tool and perhaps comes closest to Word in terms of functionality. Plus you can take advantage of iCloud for universal access to all your docs from any device. What’s more you can share the finished blog as a Word document via the email link which allows you to standardize document formats.

Visit app: http://itunes.apple.com/us/app/pages/id361309726

Tip 5: Wireless keyboard
ZAGG iPad KeyboardOkay, this may seem obvious but a wireless keyboard is must-have if you intend to be a serious tablet writer. It’s easy to set up a bluetooth connection to your Mac keyboard and then furiously hit those keys to spit out new articles. While the younger generation may thrive upon using virtual keyboards many of us will relish being able to revert back to using a keyboard in conjunction with your iPad. The pair make a great team!

View solutions: https://www.google.com/search?q=ipad+keyboard#q=ipad+keyboard

Bonus tips: Punctuation short-cuts
Sometimes it’s challenging to use certain punctuation or stylistic features present on a virtual or real keyboard. They may not be immediately obvious, especially those handy short cuts!

Here are two tips that may help:

Tip 6: Periods
Want to quickly add a period to the end of your sentence? Just tap the spacebar twice. A cautionary note; this feature works in the majority of apps, but there may be a few that don’t offer it.

Want to engage CAPS LOCK? Double tap one of the two SHIFT keys to get this done.

We hope these suggestions help. If you have any other tips, we would love to hear them. Please post them below in the comments section.

  • Share this post

Why Being SAS 70 Type II Compliant is Important for a Data Center

Is “No Central Point of Failure” at Risk with New Chinese “Mobile” Underdog?


Sunny Patel
# 24th October, 2012

Nice post Jake, for Tip#1, I use an app called iSource – its a browser that lets you quickly view source code from any web page – its really simple and straight forward 🙂

Jake Neeley
# 6th November, 2012

Thanks for the suggestion, I’ll have to check it out! Have you heard of @Per’s app before?

# 30th October, 2012

Great insight. Now my question is which would be best for this tip? iPad or Adroid powered tablet?

Per Lindgren
# 31st October, 2012

I have created a really unique app for iPad, for web and app designers, called Showoff. It is a free app that makes it really simple to present web design or app design beautifully in a meeting, either in a job interview or a client presentation with a projector.

URL to AppStore: https://itunes.apple.com/app/showoff-design/id568896289?mt=8

Jake Neeley
# 6th November, 2012

@Per, looks interesting, thanks for sharing. Any tips for actually creating code, etc. on an iPad?

javier, web designer
# 5th November, 2012

Tips #1 and #2 are absolutely awesome. As a coder that loves to see how a site is built and the underpinnings of why a site looks the way it does, Tip #1 is great. I’ve been wishing I could do this for so long!

#2 is great b/c everything I do is in plain text code. I use Vi editor for all my coding and for most blogging to make sure it’s all formatted perfectly.

The rest seem like no brainers to me, but then again, I live, eat and breathe this stuff!

Jake Neeley
# 6th November, 2012

@Javier, Glad we could be of help! Seems like there’s always a way to do these things, it’s just a matter of finding how! You have any other tips you want to share?

Joy Edwards
# 9th December, 2012

The tips are quite useful for the web designers and bloggers. Thanks for the blog, link given to see the detailed information that how to view source Codes on iPad and iPhone is very useful to see exactly in snapshots.