Posts Tagged ‘phone’

Mobile Toolbox for WordPress (Tutorials, Plugins and Themes)

Mobile browsing clearly does have its limitations, mainly from its smaller physical design, but it also limited by web sites not having a mobile version tailored for the smaller screen. Current mobile web browsing stats stands at 4.5% of total world-wide internet usage and, with the prediction for the next five years being that more users will connect to the internet over mobile devices than desktop computers, it is now time to act and make your website mobile friendly.

Of course, it does depend on the size and complexity of your site, but creating a mobile version of your site does neither have to be over-expensive nor very time-consuming, especially if your site has been built using WordPress. As everybody knows, WordPress is by far and away the most popular CMS, and with it comes a thriving community of designers and developers that constantly push its boundaries further and ever-more improving its functionality. Its community has realized for some time that the mobile phenomenon has been coming, and as such does have a multitude of themes, plugins and resources available that will help you create a mobile version of your site with the minimum of fuss.

In this article, Mobile Toolbox for WordPress, we highlight themes (free and premium), plugins and easy-to-follow tutorials that will help you create a mobile version of your site.

iPhonsta 1.1

iPhonsta 1.1iPhonsta 1.1
Despite its name iPhonsta does not exclusively only work on the iPhone, it works on most mobile devices, like Android, Palm Pre and Blackberry. The theme has a fluid layout, configures the font size automatically and is WordPress 3 compatible.
iPhonsta Home →View the Demo →

Smooci 2

Smooci 2Smooci 2
This basic free theme works in conjunction with the Smooci (WordPress on Mobiles) plugin which is used to display the mobile optimised theme when your WordPress site is visited via a mobile device.
Smooci 2 Home →View the Demo →

WordPress Mobile Theme

WordPress Mobile ThemeWordPress Mobile Theme
This is a minimalistic and lightweight theme that will fit perfectly with all the mobile phones resolutions. The three key features of this theme are: You can choose your own theme color from the theme options; The theme can have 100% width if you want the theme to fit on every mobile phone, or you can define a fixed width in pixels to target special users; The front page will dynamically create thumbnails for your posts.
WordPress Mobile Theme Home →View the Demo →

jQuery Mobile

jQuery Mobile
Built with the incredible jQuery Mobile plugin, this theme is perfect for those who want to make a good looking and easy to read version of their blog. It uses most of jQuery Mobile features to guarantee an optimal ease of reading on mobile devices such as the iPhone, Blackberry or Android.
jQuery Mobile Home →View the Demo →

Mobius

MobiusMobius
Mobius is a feature rich free theme that is compatible with all touchscreen mobile phones (iPhone & iPod Touch, Android, BlackBerry, Windows Phone, Palm Pre, Symbian…). It comes packaged with three variations (Sky Blue, Amethyst & Rain Forest), its widget ready, native support of non-web fonts (@font-face) and also has optional Twitter and Facebook icons.
Mobius Home →

The dotMobi WordPress Mobile Pack

The dotMobi WordPress Mobile PackThe dotMobi WordPress Mobile Pack
The dotMobi WordPress Mobile Pack is a complete toolkit from dotMobi to help mobilize your WordPress site and blog.
It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about.
The dotMobi WordPress Mobile Pack →

Carrington Mobile

Carrington MobileCarrington Mobile
Carrington Mobile is an elegant mobile theme with that supports advanced touch browsers (iPhone, Android, BlackBerry, Pre) and is also backward compatible with older mobile devices.
Carrington Mobile Home →View the Demo →

touchPress

touchPress
A beautiful 4 in 1 theme (Blackboard, Wood, Leather, Nature), with 2 widget ready areas, gestures based navigation and auto-resizes images. Automatic detection if a user visits your website from an iPhone and iPod touch, thanks to its built-in plugin that comes packed with the theme.
Price: $22
touchPress Home →

1ST Giant Leap

1ST Giant Leap
1stGiantLeap Mobile is a HTML5 /CSS3 template tuned to look perfect in mobile browsers. The markup is device orientation (landscape/portrait) sensitive, so when you change device orientation by rotating it 90 degrees CW or CCW this template will look nice.
Price: $15
1ST Giant Leap →

WPtouch 2.0 Pro

WPtouch 2.0 Pro
WPtouch 2.0 Pro allows you to setup a feature-rich and fast version of your website for touch-mobile devices with just a few clicks. It does come packaged with a wide variety of pre-built themes, or you could build your own custom theme with WPtouch’s Skeleton theme template. It scales post images, captions and videos automatically and breaks up content with ‘Load More’ links that use ajax to make browsing easier for visitors.
Price: Its FREE for the basic version, $39 for Pro, $69 for the Pro 5 pack and $199 for the full developer pack.
WPtouch 2.0 Pro Home →

Mobility WordPress Theme for Web and iPad

Mobility WordPress Theme for Web and iPad
Mobility is an iPad-ready WordPress theme with finger sliding capabilities and a custom drag-and-drop gallery admin. Both the regular and iPad versions have seven color options and the choice between a single or three-way JavaScript slider on the homepage. The iPad version can switch between portrait and landscape mode upon rotation.
Price: $30.
Mobility WordPress Theme for Web and iPad Home →View the Demo →

WordPress Mobile Theme Framework from Obox

WordPress Mobile Theme Framework from Obox
Obox Mobile is a WordPress Mobile Theme Framework that gives your site a unique and beautiful layout which is compatible for mobile devices. Obox Mobile comes packaged with two Obox Themes (MobiLight & MobiDark) as well as WooMobile from WooThemes.
We currently use Obox Mobile for Speckyboy.
Price: $50.
WordPress Mobile Theme Framework Home →View the Demo →

Simple Mobile

Simple Mobile
Simple Mobile is feature-rich theme that works parallel with another theme and presented to mobile users only. It comes with 8 color schemes, collapsible multi-level menu, WP 3.0 custom menus support, 43 social media icons, a slick Twitter implementation (optimized for speed) and much more.
Price: $20.
Simple Mobile Home →View the Demo →

PadPressed

PadPressed functions as a WordPress plugin and allows publishers to take their content and make it perfectly formatted for the iPad. The most important aspect of PadPressed is its 100% design for the tablet touch experience. Each skin plays to a specific touch dynamic. SwipePad focuses on swiping to advance and a swipe featured slider. It notices the orientation (portrait or landscape) of a reader’s iPad.
Price: $49 for a single license and $149 for a developer license.
VIDEO
PadPressed Home →View the Demo →

My Mobile Page

My Mobile Page
The My Mobile Page WordPress Theme is a minimal mobile WordPress theme with a modern look and a lot of cool features. This theme can be used for personal mobile pages, web designers mobile pages, artists mobile pages and many other. The theme use automatic resolution detection so you can use for small screen resolutions and bigger resolutions.
Price: $20
My Mobile Page Home →View the Demo →

On Demand Mobile

On Demand Mobile
This is a joint collaboration between WPtap (plugin developers) and Press75 (theme developers) to release a mobile version of the video theme On Demand, providing a fully featured video solution for mobile platforms.
Price: On Demand Mobile for $49, or with On Demand iPad for $90.00
On Demand Mobile Home →View the Demo →

Tap News – iPhone App Style Mobile Theme

Tap News - iPhone App Style Mobile Theme
Tap News is an iphone-app style mobile plugin/theme package that instantly converts your wordpress site into a mobile web-application experience. It is specially designed for iPhone/iPod touch, Android, and Blackberry touch mobile device. The theme features elegant iPhone-style sliding layout, and it will truly turn your site into a mobile application. Other features include thumbnail pictures, full support for twitter, social bookmarking, and email.
Price: $49
Tap News Home →View the Demo →

iBusiness iPhone-iPod Template

iBusiness iPhone-iPod Template
iBusiness is a website template designed especially for the iPhone/iPod. It comes with 9 different themes, 3 page templates, 3 widget areas, PSD source files, Twitter stream, and much more.
Price: $15.
iBusiness Home →View the Demo →

Video Theme for iPhone & Android

Video Theme for iPhone & Android
The Video Tube theme is specifically designed for video blogging and content sharing on your mobile site. It fully supportsthe iPhone/iPod Touch, Android, and touch-based Blackberry devices.
With all WordPress features and customized insertion functions, it makes adding Youtube and MP4 videos to your mobile site exetremely easy.
Price: $49.
Video Theme Home →View the Demo →

SOFA iBloggr

SOFA iBloggr
Sofa iBloggr perfectly fits to the iPhones 320px wide screen without the need for screen orientation switch. You can easily turn this theme into Blog + Flickr + Twitter mashup. iBloggr supports widgets, it has a built-in Plugger system, almost everything can be controlled from theme options page – including quick translation table, image size, Post excerpt length…
Price: $15.
SOFA iBloggr Home →View the Demo →

News Press Mobile Theme

News Press Mobile Theme
The News Gallery theme is designed with the photography blogger in mind featuring frontpage slideshow, thumbnail picture and gallery style layout options. It is the perfect choice for image-centric and magazine style WordPress websites. It comes with six stylish colors designed to fit your sites’ unique profile and style.
Price: $49
News Press Mobile Theme Home →View the Demo →

iWorld

iWorld
iWorld is a jQuery powered feature-rich mobile theme. It comes with 10 color schemes, built-in slider & contact form (including validation plugin), Twitter & Flickr widget, a selection of social icons and comes with PSD source.
Price: $25.
iWorld Home →View the Demo →

Video Elements Mobile

Video Elements Mobile
Video Elements Mobile Home →View the Demo →

WordPress Mobile Plugins

MobilePress – Enable The Mobile Web →
MobilePress is a free open source plugin that is flexible in that it allows you to customize your mobile presence by creating your own themes, creating themes for specific mobile browsers (iPhone and generic devices) and also allowing you to decide when to display your mobile blog.

WPmob Lite →
WPmob automatically transforms your WordPress blog into an iPhone application-style theme, complete with ajax loading articles and effects, when viewed from an iPhone, iPod touch, Android, Opera Mini, Palm Pre, Samsung touch and BlackBerry Storm/Torch mobile devices. The admin panel allows you to customize many aspects of its appearance, and deliver a fast, user-friendly and stylish version of your site

WP Mobile Detector →
WP Mobile Detector is a simple plugin that automatically detects standard and advanced mobile devices and displays a compatible WordPress mobile theme.

Mobile Kit →
MobileKit is a small WordPress plugin created to make the development of WP mobile themes and apps simple, allowing theme designers to create more immersive user experiences across platforms and devices.

BAAP Mobile Version →
The BAAP Mobile Version is a complete toolkit to help mobilize your WordPress site and blog.
It includes a mobile switcher to select themes based on the type of user that is visiting the site, a selection of mobile themes, extra widgets, device adaptation and a mobile administration panel to allow users to edit the site or write new posts when out and about.

BuddyPress Mobile →
This is a Mobile BuddyPress theme that has been optimized for viewing onthe iPhone and iPod Touch, and will also work on Android and some Blackberry devices.

WordPress Mobile Tutorials

Mobile WordPress Theming →
In this four part tutorial series, from Mobile Tuts+, you will learn how to create a powerful mobile WordPress theme that can be applied to your blog making the site easily accessible to mobile users.
Mobile WordPress Theming: Day 1 →
Mobile WordPress Theming: Day 2 →
Mobile WordPress Theming: Day 3 →
Mobile WordPress Theming: Day 4 →

Making your WordPress Blog Android and iPhone Friendly →
This article is intended for those who already have a web or WordPress background. If you don’t quite understand how to put together your own templates, this detailed tutorial may not for you.

Mobile Browser Detection →
This tutorial covers everything you will need to know about mobile browser detection covering a spectrum of various options, including a WP solution and a PHP solution.

Redirect Mobile Users to a Mobile WordPress Theme →

Detect Mobile Browsers – Mobile User Agent Detection →
This PHP function lets you choose how to manage your mobile visitors, they can be redirected to a page built for mobiles or you can use it to decide which markup language and stylesheet to show that user.

Add a Mobile Landing Page to Your Site →
This tutorial isn’t about creating an entire mobile version of your site, instead it is a means of offering a quick introduction to visitors from the mobile world before passing them through through to your main site.

You might also like…

WordPress Shopping/Ecommerce Toolbox (Plugins and Themes) →
30 Grid-Based WordPress Themes →
40 More Stylish, Minimal and Clean Free WordPress Themes →
20+ Free and Stylish Typography WordPress Themes →
30 Brand New Quality WordPress Themes →
10 Blank/Naked WordPress Themes Perfect for Development →
25 Fresh, Clean and Unique WordPress Themes →
40 Awesome and Fresh WordPress Themes →
Essential WordPress Plugin Development Resources, Tutorials and Guides →
20+ Powerful WordPress Security Plugins and Some Tips and Tricks →


10 Completely Free Wireframing and Mockup Tools

The wireframing process is the straight-to-the-point and completely non-tech stage of any web project. It only requires that you define a skeletal outline of essential page elements such as headers, footers, navigation and content area and should illustrate how to cater and respond to any possible interaction from a user.
It is the most important, yet underused, stage of any web or apps development.

There are several avenues you could take for sketching a wireframe, most notably pen and paper (the easiest and most cost effective way), but for the sake of this article we have focused on apps that are not only highly effective and easy to use, they are also completely free.

We have covered free wireframe apps before (here), but a year is a long time in web development – some of the apps we had previously covered are either no longer completely free or are no longer available. And as such, we felt that we should compile a new list with more detail and covering all areas of design including web pages, mobile apps and application dev.
As well as showcasing a variety of free apps (11 in total), at the bottom of the post, we have also highlighted some premium wireframing services that do offer free, yet limited, options. You may like to try them.

Please note that all of these apps have been confirmed as completely free on this articles publishing date.

Lumzy - Quick Mockup Creation and Prototyping Tool
With Lumzy, you can create mockups of how your site or application will function by adding events from the extensive list of controls on offer. As well as having great tools for creating your mockup, you can also create Message Alerts, interactive Page Navigation, add Links to external content, and much more. It does offer a great set collaboration tools for live team editing and a chat engine for deliberating over designs. All of this and it is absolutely FREE.
Lumzy Homepage →View Editor →

Lumzy Editor Screenshot

Lumzy Demo

Mockup Builder
Mockup Builder has just recenly been released and looks very promising. It is feature-rich and versatile by allowing you create various prototyping styles, including: UI mockups, interactive wireframes, website layouts, desktop software prototypes and even sitemaps & screen navigation.
Of course, it does come with great collaboration tools for sharing with clients and colleagues. And yes, it is completely FREE.
Mockup Builder Homepage →View Editor →

Mockup Builder Editor Screenshot

Mockup Builder Demo

Tiggr - Creating Prototypes Collaboratively
The idea behind Tiggr (currently in beta) is to give you the resources needed to create prototypes (for web, app or mobile) that look and feel like the final product. It allows you to design from a large number of components, share (via email, Twitter or Facebook), you can collaborate with any number of users and will generate an HTML/JS/CSS so that you can preview your UI mockups very quickly. A 10 second registration (email & password) is the only thing you have to go through to use this fantastic FREE tool.
Tiggr Homepage →

Tiggr Editor Screenshot

Tiggr - Creating Prototypes Collaboratively

Frame Box - Lightweight Online Tool for Creating Mockups
Frame Box does not have an extensive list of features (like the web based apps above). You can drag and drop, re-size and copy/paste the UI units, but its main focus, and why we like it so much, is that it allows you to create your mockup/prototype very, very quickly by using its very easy to use drag and drop interface. Again, this app is FREE and only requires a quick registration.
Frame Box Homepage →

SimpleDiagrams Adobe Air App
SimpleDiagrams (free version) is a tiny Adobe Air app that helps you express your design ideas quickly and simply. Drag & drop symbols from its libraries, add images or post-notes, export as a PNG are all of its features, adding up to just just enough functionality to create a decent mockup.
SimpleDiagrams Homepage →

iPhone Mockup
With iPhone Mockup you have a choice of using either the Pencil styled editor (screenshot above) or the Illustration editor (screenshot below). Whichever editor you decide to use, the functionality remains the same: Its a very simple and easy to use app that allows you to create your own iPhone mockups very quickly, share them with other people at the click of a button, and any changes you make will by synced to everyone who has the mockup’s URL.
iPhone Mockup Homepage →Illustration Editor →Pencil Editor →

iPhone Mockup Editor Screenshot

iPhone Mockup

fluidIA
fluidIA is a downloadable web based design tool for prototyping rich user interfaces. It allows for rapid refinement and exploration of concepts using an object-oriented approach to design. The original idea behind fluidIA is to discover whether a group of interaction designers, IA’s, UX professionals and developers can create there own prototyping tool in an open way. Progress on FluidIA has been a little bit slow recently, but the actual app works perfectly for designing a wireframe mockup.
fluidIA Homepage →Fluidia (GitHub) →

fluidIA Editor Screenshot

fluidIA

Pencil Project
Pencil Project is a free and opensource Firefox addon for designing GUI prototypes. With its built-in stencils you can create linked multi-page UI documents and finally export your mockup in either HTML, PNG, Openoffice.org document, Word document or PDF. What more would you want from a wireframing app? This truly is an essential Firefox extension that any serious developer or designer should use.
Pencil Project Homepage →Screenshots →

Pencil Project Editor Screenshot

Pencil Project Screenshots

CogTool - General Purpose UI Prototyping Tool
CogTool is a FREE and powerful general purpose UI prototyping tool with a difference – it automatically evaluates your design with a predictive human performance model (a “cognitive crash dummy”). You simply create a storyboard of your design idea with sketches, images or on a canvas with CogTool’s widgets, demonstrate tasks on that storyboard, then press a button to produce a valid cognitive model predicting how long it will take a skilled user to complete those tasks. CogTool offers a lot of support via its extensive user guides, step-by-step tutorials (video and articles), its forum and also offers example files to help you get started.
CogTool Homepage →

Software Prototyping - Serena Software
Prototype Composer makes it possible to simulate how an application will look and function before any code is ever written. Instead of endless text entries, complex data hierarchies, or too technical UML diagrams, Serena Prototype Composer makes it easy for business users and business analysts to collaborate on requirements by building simple, high fidelity prototypes that simulate a working application. It is a tool for prototyping data, processes, activities and most importantly, user interfaces. The application also works as a fairly easy to use Project Management tool.
The Community Edition is its free version which allows users to work in a sample project as well as in one user-defined project.
Prototype Composer Homepage →

DUB - DENIM
DENIM is a free desktop application that is available for Windows, Unix, and Mac OS X. DENIM describes itself as “an Informal Tool For Early Stage Web Site and UI Design”.
It combines many of the benefits of paper-based sketching with existing electronic prototyping tools. It allows designers to quickly sketch an interface, preserving the important properties of pencil and paper: a rough drawing can be produced quickly and the medium is flexible. However, unlike a paper sketch, this electronic sketch is interactive and can easily be annotated and modified.
DUB – DENIM Homepage →

All of the Wireframe/Prototype/Mockup web-based applications below are premium services that do offer a free, yet limited, option. You may like to try them:

MockFlow: Online Wireframe Tool

MockFlow: Online Wireframe Tool
MockFlow Homepage →

Gliffy – Online Diagram Software and Flowchart Software

Gliffy - Online Diagram Software and Flowchart Software
Gliffy Homepage →

Naview – Create Easier Navigations Through Prototyping and Testing

Naview - Create Easier Navigations Through Prototyping and Testing
Naview Homepage →

iPlotz – Wireframing, Mockups and Prototyping

iPlotz - Wireframing, Mockups and Prototyping
iPlotz Homepage →

Creately – Collaborative Online Diagram Software

Creately - Collaborative Online Diagram Software
Creately Homepage →

FlairBuilder – Wireframes. Mockups. Prototypes

FlairBuilder - Wireframes. Mockups. Prototypes
FlairBuilder Homepage →

Cacoo – Create Diagrams Online

Cacoo - Create Diagrams Online
Cacoo Homepage →

Mockabilly – iPhone app mockup

Mockabilly - iPhone app mockup
Mockabilly Homepage →

You may also like…

An Introduction to HTML Prototyping →
A Collection of Useful Web Design Wireframing Resources →
A Collection of Printable Web Browser Sketching and Wireframe Templates →
15 Javascript Web UI Libraries, Frameworks and Toolkits →
25 UI Inspiration and Design Pattern Resources →
50 Essential Web Typography Tutorials, Tips, Guides and Best Practices →
25 Free Pictogram and Symbols Sign Icon Sets →
Illustrator Template Toolbox for Web, Mobile and App Developers →
20 Free Web UI Element Kits and Stencils →


20 Useful Free iPhone and iPad Apps for Designers and Developers

Big shocking news of the day: iPhones and iPads are increasingly popular and widespread and are being used by more and more people. But what’s interesting is this also includes web developers ie. you. And the following list will feature 20 free iPhone and iPad apps for web developers.

While iPhones and iPads appear to be more consumer-driven devices, there are apps on there that can assist in your web development and make your development and design life much easier. Think of it as having sketchbooks, notepads, calculators, communications devices, and more – all in one device. Of course, there are paid apps that provide much more robust development tools, but these free apps will be more than enough to get you started using your iPhone and/or iPad as a web development aid.

Without further ado, here are 20 free iPhone and iPad apps for web developers:

Dropbox


DropBox lets you sync and share files across computers and your iPhone and iPad.

SugarSync


SugarSync is in case you want an alternative to Dropbox. Sync and access files from your other devices and computers.

2X Client


2X Client lets you remotely connect to and work on your Windows computer.

LiveView


LiveView is a remote screen viewing app that can help you design quick simulations and demos and try out prototypes of your designs. Also useful for designing for mobile apps or web apps for use on mobile devices.

Adobe Ideas


Adobe Ideas is a digital vector-based sketchbook for drawing and capturing design ideas – which you can then send for further working on to Photoshop and Illustrator.

Doodle Buddy


Doodle Buddy is a doodling app which can let you quickly sketch out design ideas and anything else with your fingers. Colors included.

Evernote


Evernote lets you capture and store design and development notes, ideas, snapshots, recordings, and anything else for easy finding later on. Paid in-app upgrades if you need more features.

Note Hub


Note Hub is a note-taking app that lets you create projects and add notes, to do lists, drawings, and whatever else.

TaskPad HD


TaskPad HD is a task manager that lets you sync tasks across all of your devices as well as manage your tasks via a web browser.

Twitter


The official Twitter app for when you need to talk to clients and collaborators via Twitter.

Twitterrific


Twitterrific is for those who prefer a different interface for using Twitter to stay connected with clients and collaborators – choice is good.

Skype


Skype on your iPhone or iPad – need more be said? Really useful for talking to clients and collaborators, especially when they’re in different parts of the world. It’s free to call if you’re both using Skype, otherwise affordable rates let you call landlines and cell phones.

Fring


Fringe is an alternative to Skype. Text chat with people via Skype and other instant messenger accounts and get free calls if you’re both using Fring.

WordPress


WordPress has an iPhone and iPad app that lets you create and edit posts and pages, moderate comments, and other tasks for your WordPress.com blog or WordPress-powered website.

Adobe Photoshop Express


Adobe Photoshop Express is a super-slimmed down version of Photoshop for when you need to quickly edit and upload photos and images on your iPhone or iPad.

PCalc Lite Calculator


PCalc Lite Calculator is a scientific calculator for when you need exact measurements and calculations for your web development projects and designs. This is the free fully-functional lite version of the paid full calculator app.

MedCommons Prototyper


MedCommons Prototyper helps build SplitView layouts for easy presenting of web content on an iPad by letting you test your HTML5 and Ajax designs for things like rotation and resizing.

Craigsphone


Craigsphone is Craigslist for iPad – ’nuff said. For when you need to find clients or work, people to outsource to, and anything else related to your web development and design work.

FontShuffle


FontShuffle is useful for finding the right font for your project or just browsing for typography inspiration – hundreds of font families are sorted by similarity.

SkyGrid


SkyGrid is a better RSS feed reader – an easy way to browse relevant design and development information and articles.

Over to you: what are your favorite free iPhone and iPad apps for web developers? What other apps should be on this list? Feel free to share your useful additions in the comments section below.

You might also like…

30 Brilliant iOS Applications for Freelance Designers and Developers →
Showcase of Beautiful and Unique iPhone Apps →
iPhone and iPad Development GUI Kits, Stencils and Icons →
15 Useful Free Android Apps for Web Developers →
Android App Developers GUI Kits, Icons, Fonts and Tools →
45+ Cool Google Android Apps – The Perfect iPhone Replacement →
Mobile Web and App Development Testing and Emulation Tools →
14 Free Mobile Application Development Icon Sets →


Weekly Design News – Resources, Tutorials and Freebies (N.69)

This is our weekly column were we share our favorites design related articles, resources and resources all from the previous week.

If you would like to be kept up to date with loads of fresh design news and resources, you can follow us on Twitter, on Facebook or even by subscribing to our RSS feed.

Working as an In House Web Designer

Working as an In House Web Designer
Working as an In House Web Designer →

Responsive Web Design: What It Is and How To Use It

Responsive Web Design: What It Is and How To Use It
Responsive Web Design: What It Is and How To Use It →

The Dark Side Of Usability

The Dark Side Of Usability
The Dark Side Of Usability →

Should I work for Free? (Infographic)

Should I work for Free? (Infographic)
Should I work for Free? (Infographic) →

Are We Too Obsessed With Facebook? (Infographic)

Are We Too Obsessed With Facebook? (Infographic)
Are We Too Obsessed With Facebook? (Infographic) →

DHTMLX Touch – HTML5 JavaScript Framework for Mobile and Touch Devices

DHTMLX Touch - HTML5 JavaScript Framework for Mobile and Touch Devices
DHTMLX Touch – HTML5 JavaScript Framework for Mobile and Touch Devices →

Flurid – The Fluid CSS Grid

Flurid - The Fluid CSS Grid
Flurid – The Fluid CSS Grid →

We Love Buttons (Inspiration & Showcase)

We Love Buttons (Inspiration & Showcase)
We Love Buttons (Inspiration & Showcase) →

CSS Only Lightbox/Shadowbox Media Viewer Using CSS Transitions (Tutorial)

CSS Only Lightbox/Shadowbox Media Viewer Using CSS Transitions (Tutorial)
CSS Only Lightbox/Shadowbox Media Viewer Using CSS Transitions (Tutorial) →

Spin those Icons with CSS3 (Tutorial)

Spin those Icons with CSS3 (Tutorial)
Spin those Icons with CSS3 (Tutorial) →

Build a Kickbutt CSS-Only 3D Slideshow (Tutorial)

Build a Kickbutt CSS-Only 3D Slideshow (Tutorial)
Build a Kickbutt CSS-Only 3D Slideshow (Tutorial) →

Building iPhone Android Apps with jQuery Mobile and PhoneGap Slides

Building iPhone Android Apps with jQuery Mobile and PhoneGap Slides
Building iPhone Android Apps →

iconSweets 2 – Free Icons

iconSweets 2 - Free Icons
iconSweets 2 →

Open Source Multitouch Gesture Library and Illustrations

Open Source Multitouch Gesture Library and Illustrations
Open Source Multitouch Gesture Library and Illustrations →

Form Element Styling (PSD)

Form Element Styling (PSD)
Form Element Styling (PSD) →

Omnigraffle iPhone Stencil

Omnigraffle iPhone Stencil
Omnigraffle iPhone Stencil) →

Omnigraffle iPad Stencil

Omnigraffle iPad Stencil
Omnigraffle iPad Stencil) →

Five Minutes (Free Font)

Five Minutes (Free Font)
Five Minutes (Free Font) →

Flow Motion (Free Font)

Flow Motion (Free Font)
Flow Motion (Free Font) →

Vector Currency Pack

Vector Currency Pack
Vector Currency Pack →

Mobile Device .PSDs 2010

Mobile Device .PSDs 2010
Mobile Device .PSDs 2010 →

HR Grunge Splat Brush Pack 1

HR Grunge Splat Brush Pack 1
HR Grunge Splat Brush Pack 1 →

20 Repeatable Pixel Patterns

20 Repeatable Pixel Patterns
20 Repeatable Pixel Patterns →

Previous Weekly Design News…

Design News Roundup Archives →


Mobile Cheatsheets for iPhone, Android and Blackberry App Development

In this post we have rounded up a selection of useful cheatsheets, references, quick recipes and code snippet resources specifically for Android, Blackberry and iPhone app development. No developer should work without these.

Android Classes (PDF)

Android Classes
Download Android Classes (PDF) →

Fastboot Cheat Sheet (HTML)

Fastboot Cheat Sheet
View Fastboot Cheat Sheet (HTML) →

Android Recipes and Snippets (HTML)

Android Recipes and Snippets
View Android Recipes and Snippets (HTML) →

Common Tasks and How to Do Them in Android (HTML)

Common Tasks and How to Do Them in Android
View Common Tasks and How to Do Them in Android (HTML) →

The Android Developer's Guide (HTML)

The Android Developer's Guide
View The Android Developer's Guide (HTML) →

Android Package Index (HTML)

Android Package Index
View the Android Package Index (HTML) →

BlackBerry Browser CSS Reference (PDF)

BlackBerry Browser CSS Reference
Download the BlackBerry Browser CSS Reference (PDF) →

BlackBerry Java SDK Quick Reference Guide (PDF)

BlackBerry Java SDK Quick Reference Guide
Download the BlackBerry Java SDK Quick Reference Guide (PDF) →

BlackBerry JDE 6.0.0 API Reference (HTML)

BlackBerry JDE 6.0.0 API Reference
View the BlackBerry JDE 6.0.0 API Reference (HTML) →

Xcode Shortcuts (PDF)

Xcode Shortcuts
Download the Xcode Shortcuts (PDF) →

Xcode Macros Cheatsheet (PDF)

Xcode Macros Cheatsheet
Download the Xcode Macros Cheatsheet (PDF) →

XCode Tips & Tricks (HTML)

XCode Tips & TricksHere you will find a multitude of useful Xcode tips and snippets.
View the Xcode Tips & Tricks (HTML) →

Xcode Keyboard Shortcut List (PNG)

Xcode Keyboard Shortcut List
Download the Xcode Keyboard Shortcut List (PNG) →

iPhone SDK Objective-C Cheat Sheet (PDF)

iPhone SDK Objective-C Cheat Sheet
Download the iPhone SDK Objective-C Cheat Sheet (PDF) →

jQuery idocs – API documentation for jQuery built specifically for the iPhone & iPod touch

jQuery idocs - API documentation for jQuery built specifically for the iPhone & iPod touch
View the jQuery idocs – API documentation for jQuery →

Cocoa iOS 3.0 Cheatsheet (PDF)

Cocoa iOS 3.0 Cheatsheet
Download the Cocoa iOS 3.0 Cheatsheet (PDF) →

iPhone Distribution Build Cheatsheet (PDF)

iPhone Distribution Build Cheatsheet
Download the iPhone Distribution Build Cheatsheet (PDF) →

iPhone Application Development For Dummies Cheat Sheet (HTML)

iPhone Application Development For Dummies Cheat Sheet
View the iPhone Application Development For Dummies Cheat Sheet (HTML) →

Hardboiled CSS3 Media Queries (HTML)

Hardboiled CSS3 Media Queries
Download the Hardboiled CSS3 Media Queries (HTML) →

CSS3 Cheat Sheet (PDF)

CSS3 Cheat Sheet
Download the CSS3 Cheat Sheet (PDF) →

Icon Reference from Hicksdesign

Icon Reference from Hicksdesign
View the Icon Reference from Hicksdesign →

W3C Mobile Web Best Practices (MWBP) Flipcards (PDF)

W3C Mobile Web Best Practices (MWBP) Flipcards
Download the W3C Mobile Web Best Practices Flipcards (PDF) →

Touch Gesture Reference Guide (PDF)

Touch Gesture Reference Guide
Download the Touch Gesture Reference Guide (PDF) →

You might also like…

Useful Collection of Cheat-Sheet Desktop Wallpaper for Web Designers →
20 jQuery Cheatsheets, Docs and References for Every Occasion →
14 Essential WordPress Development and Design Cheat Sheets →
17 Productive Photoshop Cheatsheets and Reference Cards to Download for Free →
The Best Cheat Sheets for Web Designers and Developers (From CSS, Ajax, Perl, Vbscript…) →
CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes →
The Blueprint CSS Framework – Tutorials, How-to Guides and Tools →