Inspiration Fix: 30 Fantastic Web Design Portfolios

Inspiration Fix: 30 Fantastic Web Design Portfolios
All PostsInspirationWeb Design

One of the hardest tasks a designer or design agency can begin is to create their own portfolio website, it often leaves the designer in a state of flux never being totally satisfied with the final product and becoming their own worst critic.

If your trying to create your own design portfolio and have become burnt out and stuck for inspiration, take a look at this great collection of web designer and agency portfolios.

Read More

Tutorial: How To Build Input Fields with Tag-Style Item Blocks

All PostsFront End DevelopmentTutorials

Many newer social media communities and web applications are pushing the boundaries of interface design. Form inputs have changed a lot over just the past 4-5 years. One such feature is the tag select input field, where users can enter tags which appear as block items within the field itself.

For this tutorial I want to demonstrate how we can build this effect to be used in any website. To save time I’ll be using the jQuery Tags Input Plugin which is free and open source to use on any project. I prefer this plugin over some others because of the many parameters and options for customizing the experience. Take a peek at my live demo to see what we will be creating.

Read More

25 Beautifully Designed Flat WordPress Themes

25 Beautifully Designed Flat WordPress Themes
All PostsWordPress

Using flat design is a great way to simplify and create a more elegant interface for your users. Many designers are incorporating flat design principles into their work, we have previously showcased some lovely examples of flat web & app interface designs, so if you are new to the style take a the time to view the samples.

Today I wanted to take a look into the use of flat design in the WordPress theme market. Many WordPress theme shops and authors are doing a great job in creating some fantastic multipurpose flat style WordPress themes and many of these themes belong in a design awards gallery themselves.

Read More

Designer Toolbox: Useful Designer Sketch Books

Designer Toolbox: Useful Designer Sketch Books
All Posts

All the way back in January I put together a post detailing the benefits of using sketching as a design tool, it was pretty cool to see each designer sketching their work and also equally intriguing to see what books they use to make their sketches.

Today I wanted to share with you a small collection of very good quality design sketch books that you can use to help you create your sketches. Some of these books utilise a dot grid structure on the stock to help you create your sketches and other books have blank sheet stock.

Read More

Fat Fingers: A Look Into Responsive Navigation Trends

Fat Fingers: A Look Into Responsive Navigation Trends
All PostsInspirationWeb Design

Often when browsing a website on my iPhone I am impatiently zooming in and out trying to make use of their standard non responsive menu, this often leads to some clumsy fat fingered iPhone stabbing which only results in me being taken to the wrong page anyway.

When creating your website, in a majority of instances you would take the decision to make it responsive on all screen sizes so the website still provides a great user experience, no matter if the user is on an iPhone or a small tablet device.

A decision you need to consider in the early concept stages is how best to present your website menu structure to your user. Depending on the menu size and hierarchy will influence how you decide to present your responsive menu.

Today I wanted to take a look at a couple of different ways responsive websites are presenting their menu structures to mobile and tablet users, helping in the fight against fat fingered navigation errors.

Read More