Guidelines for Building Touch-Supported Website Layouts

by Jake Rocheleau

October 28, 2014 in UI Design

It should come as no surprise that people love to pass the time in waiting rooms by fiddling on their smartphones. These little devices have become a technological gateway to a library of applications and a sprawling metropolis of websites. This means a whole lot of people are visiting websites on the smallest screen imaginable – and it’s a touch-only screen to boot.

tappable iphone safari mobile app website layout

As more people are latching onto touchscreens web designers need to craft new solutions for mobile Internet browsing. In this post I want to cover a few guidelines for helpful touch-based web design trends. The design process will always be improving as designers innovate with new concepts and UI techniques. But starting with the fundamentals will make touchable web design more approachable and easier to accomplish.

Read More

Creating Useful Breakpoints in Responsive Layouts

by Jake Rocheleau

October 24, 2014 in Web Design

In our modern technological era you can find devices with any screen size that all have access to the Internet. This means bored people around the world can visit their favorite websites from a laundry basket full of different screen dimensions. If this were Pee-wee’s Playhouse I’d say the word of the day is: breakpoint!

The process of responsive design creates distinct layout styles that change based on a device’s screen resolution. When a layout shifts into a smaller or larger display style it’s often called a new breakpoint. Choosing when to create a new breakpoint is quite an arduous task since the threshold and number of breakpoints can change dramatically from project-to-project.

featured wireframe sketch mobile website responsive design

In this post I want to outline a couple ideas for creating responsive breakpoints in web design. The end goal is to create a usable website experience that fits naturally onto any device. While this is easier said than done you’d be surprised how much can be learned by just building a site and fixing mistakes as you go along.

Read More

Monarch: The Leader of a New Generation of Social Plugins

by iulian

October 22, 2014 in Business/Freelance

Each and every one of us comes across interesting pieces of information in our daily news feed, or as we are casually surfing the web. At times, we even feel the urge to share some of those articles, videos, images, etc with the people we know. We can either act on it or not, and if we do, the social media buttons present on that web page might really come in handy; with a special emphasis on ‘might’, because those buttons may not exist, or they may be appear to be irksome, or difficult to reach. In that case, it takes less than a second to decide whether we are better off without following or sharing anything further.

monarch-design

Read More

Examples of Websites Created With the Royal Theme

by iulian

October 15, 2014 in Wordpress

My experience with the latest theme from 8theme, Royal, was more than satisfactory. I was quite impressed about this premium, multi-purpose theme, and wish to pass it on to the rest of you. Every designer would enjoy creating WordPress websites through with the help of this theme.

A Majestic Difference

Royal is a responsive, rock-solid theme based on Twitter Bootstrap. An advanced theme panel is ready to appease even the fussiest creative who happens to chance upon it, and all users are entitled to free updates for the entire duration of their lifetime.

Royal has a stellar documentation, plus video tutorials, in order to help you get a full understanding of everything that Royal can do. My favorite part was finding out that a cluster of premium add-ons – which, taken together, add up to $119 – are wrapped up with this theme at no extra cost.

What kind of website are you up to, next? Royal Theme can handle anything you throw at it! For E-commerce sites, you can choose from a selection of shop page layouts, and display the desired number of products in a row. Furthermore, you are able to customize the product page layout, as well as the tab on it. The images of your products can also be customized to various dimensions, zoom in, and react in a certain way upon hovering: be masked with information, swap, or the images slider kicks in.

This is but a glimpse of Royal Theme’s true potential. I wouldn’t expect you to take my words of praise at face value, so feel free to check out Royal Demos, as shown below. You’ll find it as good as I did.

E-Commerce

Games

Read More
Page 1 of 23312345...Last »