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 …

10 Places to Share Code Snippets Quickly

Top 10 Places to Share Code Snippets Quickly

An Integrated Development Environment (IDE) is quite a powerful instrument as an online application for quickly composing and sharing code snippets through a natural, intuitive and handy interface. The latter offers live previews and separate windows for CSS, HTML and …

Designing Airbnb’s Website: An Interactive Mockup Exercise

Designing Airbnb’s Website: An Interactive Mockup Exercise

When you think of a good website design, what comes to mind? For me, it’s Airbnb. I like its design not just because it has a pretty color palette or an eye-catching video on the front page, but because it …

JavaScript Unit Testing for Beginners

JavaScript Unit Testing For Beginners

Developers should love the security of unit tests. Nobody loves writing unit tests, but the peace of mind they bring can easily be worth the extra work. Unit tests check blocks of code to ensure that they all run as …