Top Free JavaScript Plugins With No Dependencies

Top Free JavaScript Plugins With No Dependencies

Even with jQuery’s popularity there’s no need to rely on a JS library for every project. Classic JavaScript works in all major browsers and it’s really all you need to build dynamic interfaces. But instead of coding from scratch it’s …

Web Design Trends For “Start Here” Pages

Web Design Trends For "Start Here" Pages

When visitors land on a new website they usually have no idea where to begin. They usually just look around for nav links that might provide the info they’re looking for. But the newest trend of the “start here” page …

4 Ways to Improve Usability and User Experience by Decluttering Designs

We often speak about decluttering in the sense of physical stuff like closets or storage. But, we can also speak about decluttering designs too. Decluttering can help improve usability and the user experience on websites. Here are four tips for …

Tips for Creating a Great Personal Online Portfolio

Tips & examples for creating a personal online portfolio

As a designer I think we’ve all experienced the difficulty of creating something personal, including a portfolio. You end up spending countless hours in Photoshop, trying a hundred different things and after two months you realize that your homepage still …

A Design Workflow Comparison: Photoshop vs Illustrator vs Sketch

A Design Workflow Comparison: Photoshop vs Illustrator vs Sketch

The ever-expanding world of design can be tough to comprehend as a newcomer. With so many tools and techniques available it’s hard to know where to start. Three of the most widely used design programs are Adobe Photoshop, Adobe Illustrator, …

Typography Cheat Sheet [Infographic]

Understanding type can be one of the most difficult elements of design. There’s a lot of terminology and lingo that type designers (and designers, in general) use when talking about lettering. Sometimes it can be tough to decipher it all. …

How to Create Seamless Subtle Patterns in Adobe Illustrator

How to Create Seamless Subtle Patterns in Adobe Illustrator

Topic: Adobe Illustrator Difficulty: beginner Estimated completion time: 30 minutes In this Illustrator tutorial, we will take a closer look at the process of creation of the seamless patterns and the techniques which make this work easier. These techniques are …

Google and Monotype Release Noto Font for All Languages

Google and Monotype Release Noto Font for All Languages

Font lovers around the world rejoice! After six years of intense collaboration between Google and Monotype, Noto Font, the universal font, is here. With support for 800 languages, 100 written scripts and more than 110,000 characters, Google’s Noto is like …

Intro to Variable Fonts in Web Design

Intro to Variable Fonts in Web Design

There’s been talk for years of creating fonts that come with adjustable sizes by default. And for years this was just a pipe dream. But it seems that variable fonts are finally here and they’ll only gain support over the …

Wireframing, Prototyping, Mockuping – What’s the Difference?

Wireframing, Prototyping, Mockuping - What’s the Difference?

A couple of years ago I realised that a lot of my IT, non-designer, friends were using the names of my beloved design deliverables synonymously. They assumed that a wireframe, prototype and mockup are exactly the same thing – a …