Topic Archives

Learn Web Design

Whether looking for the skills to help build a career in web design, or simply want to learn for personal projects, we offer many articles to get you the knowledge you need.

The Big CSS Media Query Mistake

The Big CSS Media Query Mistake

CSS

Do you ever feel weird when everyone around you is doing something you would ordinarily think is wrong [or not quite ideal at the very least], but somehow no one…

Creating Native HTML5 Dialog Windows

Creating Native HTML5 Dialog Windows

CSS

The dialog window is one of the most commonly used elements in a website’s user interface design. It is used for multiple purposes, including displaying notifications, carrying a subscription form,…

Naming Conventions for Sizes in Scalable CSS

Naming Conventions for Sizes in Scalable CSS

CSS

In this article, I’ll be exploring how naming conventions can be used to represent sizes in scalable CSS. So, what do I mean by this? One aspect of scalable CSS…

How to Build a Fully Functional CSS3-Only Content Slider

How to Build a Fully Functional CSS3-Only Content Slider

CSS

Content sliders are a great way to make a website more dynamic. They add flair, and if used correctly, could be the difference between a purchase and a back button….

Tips for Designers Who Don’t Code

Tips for Designers Who Don’t Code

I hail from a design background and moved into front-end development some years ago. With responsive web design, the requirement of the designer is shifting. Here are a few tips…

Creating an Illustration Guideline

Creating an Illustration Guideline

An Illustration is like any other form of design. It’s vital that it is consistent. The best way to do this is by creating guidelines across our illustrations Why is…

A Web Designer’s Guide to Simple Solutions

A Web Designer’s Guide to Simple Solutions

If you’ve been working as a web designer for awhile, you may find yourself in an interesting position: Resident Expert/Guru. Friends, family, colleagues and clients will ask you for advice…

The Guide To UX Design Process & Documentation

The Guide To UX Design Process & Documentation

Documentation is instrumental for concepting, designing, creating and measuring the performance of products. But it shouldn’t be done just for the sake of maintenance. After all, there’s nothing about a…

Writing Good CSS

Writing Good CSS

CSS

I’m always trying to learn new things. However, I also try to learn ways to improve the way I already do things. Both at my full-time gig and for client…

5 Self-Education Practices for Web Designers

5 Self-Education Practices for Web Designers

The present-day web provides instantaneous, infinite, and more importantly, completely free access to information and educational materials. One of the professions that are able to use its vast potential to…

The Beginner’s Guide to Making Your Own Fonts

The Beginner’s Guide to Making Your Own Fonts

We’ve all been in that position where we know what we want our text to look like, but just can’t seem to find a font that matches what’s in our…

Consistency Please! Style Guides in Sketch

Consistency Please! Style Guides in Sketch

Product design is a team sport. The best teams tend to have lots of moving parts: designers and developers and managers and researchers all working in concert on a single,…

Common CSS Errors Made by Beginners

Common CSS Errors Made by Beginners

CSS

With so many new web designers and committing themselves to creating standards-valid website with deep stylesheet formatting, a few patterns have emerged in terms of common errors. Whether it’s the…

10 Reasons Why Web Projects Fail

10 Reasons Why Web Projects Fail

Nowadays every project uses some sort of CMS. Instead of painting a canvas in the old days of HTML, the requirement is to build software applications that need to follow…

Worried About Typography? Check Out This Simple Five-Step Guide!

Worried About Typography? Check Out This Simple Five-Step Guide!

Whenever I browse a website or read a book, the first thing I notice is the font. If the font or typography is not proper, I’m hardly motivated enough to…

Guide to HTML5’s Media Tags – Audio and Video

Guide to HTML5’s Media Tags – Audio and Video

HTML5 aims to standardize elements on a page and reduce the use of plugins to get the leverage more from the browser. With HTML4 you would always need a plugin,…

Guide to Building Quality Digital Products for the Web

Guide to Building Quality Digital Products for the Web

There are many premium shops and marketplaces to be found all around the Internet. Usually, these are popular vendors who sell various types of digital products – e-books, website templates,…

Guidelines to Writing an Effective Web Design Proposal

Guidelines to Writing an Effective Web Design Proposal