The newest version of Xcode comes packaged with a few noticeable interface changes. For beginners and intermediate users it can be difficult figuring out even the most basic functionality. And although Apple’s online documentation is well-written, it’s certainly not friendly for the average user. So in this guide I’d like to put together some basic steps for building any iOS app. I’ll be focusing exclusively on iPhone & iPod Touch devices since iPad opens up a whole new chapter of [...]

What an exciting web development year we have had (OK, its not quite finished, but almost). HTML5 and CSS3 have forced there way into the mainstream, responsive layouts techniques are rapidly moving towards being the standard, sites like Dribble, Forrst and GitHub have offered a fantastic platform to both inspire and share new ideas and solutions, and of course, as it always reliably does year after year, the jQuery community has released a colossal amount of really, really useful plugins. [...]

Developing apps for the iPhone or iPad can be a tricky process. You need to understand not just the programming libraries, but also design standards and common themes in user interfaces. This entire skillset would require months of study just to build your first live app. I realize this may seem intimidating, but we all have to start somewhere! And in this guide I would like to introduce the most important nuggets of information to designing 100% perfect layouts. The [...]

Mobile web browsing has been growing exponentially in the past few years. From around 5% in 2007, to about 30% today. In 2014, the amount of people that access the mobile internet is expected to overtake desktop users. As designers, we’re going to have to think about the mobile users that access the sites we make. In other words, we have to start designing not only for desktop users, but for mobile users. Fingers Are Bigger Than Mice! Exactly what [...]

Despite the vibrant beauty and elegance of an out-of-the-box iPhone, there may come a time when you feel you need something different, something a little bit more personalized to your taste, or even something that simply offers some inspiration. All of the themes and icon-sets that you will find below are free to download. However, the installation process is not a walk in the park, but if you do understand the internal mechanism of the iPhone, themes can offer marvelous [...]

Websites are now no longer viewed primarily on large-screened devices like desktop and laptop computers. In a world that has gone crazy for smartphones like the iPhone and Android devices, they are now increasingly viewed on screens that measure only 4″ diagonally. This presents some unique challenges – and opportunities – for blog owners, but they must first optimize their blogs for these new devices. Tip 1: Optimize Touch Displays Image Source It’s true that a mobile phone will drastically [...]

It is fundamental that every app designer have a selection of pre-designed and editable UI elements that will allow them to optimize, organize and speed-up work-flow. To help streamline your iPad design work, we have put accumulated a comprehensive selection of iPad specific GUI Kits & Stencils, Wireframing kits, Sketching Templates and fully editable PSD templates that will allow you to rapidly prototype beautiful designed apps. We have also previously published a post that focuses on iPhone GUIs and Stencils, [...]

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 [...]

Let’s face it, our digital era is moving towards mobile technology faster than we can keep up. Gadgets and doohickeys which were released 14 months ago are now considered extinct amongst the most techno-savvy. This is all part of a social evolution of sorts – with the smartest braniacs leading the herd. Mobile isn’t just a realm of games and fun apps. It’s also a serious market for business networking and contacting clients. Smartphones offer abilities which we couldn’t have [...]

Web development is about getting stuff done, not figuring out how to get it done. Frameworks and libraries help you, the web developer, focus on creating rather than figuring stuff out. Rather than reinventing the wheel, you can use a framework or library to delegate brunt, non-creative and repetitive work, freeing up your time and energy to create the actual website or application. This article highlights 20 New Frameworks and Libraries that will help speed up and make your web [...]

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 [...]

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. [...]

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. You may 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 [...]