Showing posts with label mobile. Show all posts
Showing posts with label mobile. Show all posts

Tuesday, July 29, 2014

Hot User Input Design Patterns for Mobile

Hot User Input Design Patterns for Mobile

A Deeper Look at Patterns Designed by the Hottest Apps Today

In this article, Chris Bank of UXPin – The UX Design App discusses the importance of user input design patterns and details examples from some of the hottest mobile apps today – more examples of these patterns and over 45 additional mobile design patterns are covered in detail in UXPin's free e-book, Mobile UI Design Patterns 2014.

Tuesday, July 01, 2014

15 Must-Have Mobile App Development Tools

Mobile App Development Tools - Corona SDK

A lot has changed since 1995, literally anyone with almost no technical capabilities can crank out a web or mobile app with ease. So I thought I'd take the opportunity to share some of the more interesting app development platforms I've discovered recently.

Saturday, May 03, 2014

Off Canvas Menus with CSS3 Transitions and Transforms

Off Canvas Menus

Off Canvas Menus are used primarily with Mobile and touch devices and can provide an extremely useful and beautiful experience for your users. This tutorial will cover an introduction on them, a getting started guide, some improvement tricks, and then finally some awesome demos for you to build off of. Instead of JavaScript, we'll use CSS3 Transitions and Translations for the animation making them smoother, better performing, and easier to tweak and customize.

Saturday, February 01, 2014

A Step-by-Step Guide To Building Your First Mobile App

Mobile App

Why do you want to build a mobile app? Do you want to ride the wave of other entrepreneurs, or did you come across a problem that you feel you can resolve? The answer to this question will determine whether your app will be successful or not.

Tuesday, December 24, 2013

Challenges & Solutions for Your Responsive Navigation

Responsive Navigation

One of the biggest hurdles when creating a responsive website is implementing the navigation – hands down. Not just from a design standpoint, but from a content and development standpoint as well. Debatably the most important element on the page, a user should have no issues as they try to navigate around your website no matter what device they are on.

Thursday, December 12, 2013

5 Advanced Mobile Web Design Techniques You’ve Probably Never Seen Before

5 Advanced Mobile Web Design Techniques You’ve Probably Never Seen Before

Until recently, creating mobile web designs that look and feel like native apps has pretty much been an impossible dream. There are plenty of creative workarounds to try and bring that native "feel" to mobile web browsing, but so far we've struggled to bridge the gap between native and the web.

Tuesday, November 26, 2013

Creating a Mobile HTML5 Application with App Framework

HTML5 Application with App Framework

App Framework is a JavaScript library for mobile HTML5 app development. It allows you to build simple, rich and full HTML5/JavaScript mobile applications. This short tutorial is an introduction to the App Framework and it presents the basic concepts and its main concepts.

Wednesday, October 09, 2013

Designing for iOS 7: Guide to getting started

Designing for iOS 7

Now that we are a couple of weeks into the new Apple iOS, are you ready to design for it?

And if you already have an app running on the platform, chances are that you designed with the new iOS in mind but are thinking about going back and making a few necessary tweaks.

Wednesday, October 02, 2013

A beginner's guide to perceived performance: 4 ways to make your mobile site feel like a native app

A beginner's guide to perceived performance

Building well-designed websites on mobile devices is slowly becoming easier and easier. Whatever the method (responsive, adaptive, etc.), if you know what you're doing, crafting a good-looking site is not a problem.

Tuesday, April 09, 2013

Better Navigation Through Proprioception

Better Navigation Through Proprioception
Close your eyes and touch your nose. How did you do it? How did you sense where your hand was and direct it to the right point? You're not using sight, hearing, taste, smell, or touch (except right at the end). Instead, you're relying on proprioception: the sense of your body's position in space and the position of various parts of the body in relation to each other.

Friday, December 14, 2012

Designing responsive websites (AKA mobile sites) properly

Designing responsive websites

Over the course of my career, I have been very fortunate to work with many creative and talented UX/UI and Visual designers that were able to come up with great solutions to very complex problems. Luckily, I still do. But whereas many of my creative colleagues have kept the pace with the advances of technology, it'd seem to me that others are struggling to design responsive websites properly.

Friday, November 16, 2012

Understanding the viewport meta tag

Understanding the viewport meta tag
When working on a new web design one of things you need to think about is responsive design. Is the website you are about to make going to need a responsive design?

I think all external facing sites should take responsive design into consideration. There are some people who think that responsive design is not worth it as people on mobile devices can zoom in to see what they want, but I feel developers should make a website easy to use on any device.

Sunday, November 11, 2012

Separate mobile website Vs. responsive website

Separate mobile website Vs. responsive website
The US presidential race is heading into full swing, which means we'll soon see the candidates intensely debate the country's hot-button issues. While the candidates are busy battling it out, the Web design world is entrenched in its own debate about how to address the mobile Web: creating separate mobile websites versus creating responsive websites.

Ιt just so happens that the two US presidential candidates have chosen different mobile strategies for their official websites. In the red corner is Republican candidate Mitt Romney's dedicated mobile website and in the blue corner is incumbent Barack Obama's responsive website.

Friday, November 09, 2012

CSS :target for off-screen designs

CSS :target for off-screen designs
I recently saw a presentation by Ryan Seddon on things you can do with checkboxes. It got me thinking about a similar pseudo selector based on the URL, :target and how it could be used for hiding and revealing elements for extra space (namely on smaller screens). I set myself the task of recreating the iOS Message app without using JavaScript by taking full advantage of awesome CSS3 selectors and transitions.