Primer on Web-Based Grid Systems

Website DesignCarrie Cousins • September 23, 2014

What’s in a grid? A grid-style framework is the backbone to almost any web design project, providing the structure for your site as well as a way to organize content, elements and images. There are a variety of grid systems …

Designing Website Text for Readability

Website DesignCarrie Cousins • September 09, 2014

Text can be beautiful, simple, wild, engaging, exciting and a wide number of other things. It can stir emotion and helps users understand your message. Type can be a wide number of things but one thing is common – it …

15 Responsive jQuery UI Snippets & Modules

CodingStelian Subotin • August 28, 2014

With responsive web design evolving as a must-have for every website, more user-interface related issues have started to come up when designing for mobile and tablet devices. In this showcase, we present 15 fresh and responsive jQuery snippets that enhance …

15 Contact Pages Showcasing Great User Experience

Website ExamplesPaula Borowska • August 18, 2014

15 contact pages with great user experience

When it comes to contact pages, they should have a wonderful user experience. Contact pages are the gateway to getting people to, well, contact you. If the page is not informative nor inviting it will be hard for a potential …

5 Best Practices for Single-Page UX Design

UX DesignArmen Ghazaryan • August 08, 2014

5 UX Best Practices for Single Page Websites

Everybody loves single-page websites. There is definitely some chemistry with this design trend. It has been around for quite a while, but it’s still on the rise and too many websites opt for it. A long time ago, having a …

How To Create a Web Icon in Adobe Illustrator

Adobe ToolsAndrei Ștefan • July 28, 2014

Ever wanted to design an icon for the web? Today is your day. In this tutorial you’ll learn how to design web icons. If you’re an icon addict, you probably already know the power iconography (the careful use of symbols instead of …

Hot User Input Design Patterns for Mobile

App Design, UX DesignChris Bank • July 21, 2014

For any mobile application, nothing will ever happen without some initial and ongoing input from the user. It is, therefore, critical that mobile product designers, developer and product managers understand the best ways to allow them to do so. Although …

How to Use SVG Patterns

CodingJoni Trythall • July 07, 2014

SVG patterns are one of several paint options that we have for coloring the fills and strokes of shapes and text. While generally regarded as one of the more complex options, establishing a foundation and understanding the basic syntax can …

Design Trend: Ghost Buttons in Website Design

Website DesignCarrie Cousins • June 30, 2014

The biggest trend of 2014 is something I’m not sure we saw coming. And it’s all based on one of the smallest design components of almost any website – the button. Ghost Buttons – those transparent, clickable items – are …

Creating a Scalable SVG Infographic

CodingBenedikte Vanderweeën • June 18, 2014

In this tutorial, I’m exploring how to make a scalable infographic in the browser using SVG as a graphical format. I’m also using CSS3 animation techniques to animate most elements. The subject of the infographic is “Population growth on this …