Creating design informed measurements for your website
Modular scale is one of those things in web development that you can get away with not doing, but when you do use it, you will notice the overall improvement to your website. It's not anything specific, but the overall feel of the site that is improved. Magically.;)
So what is it?
DEFINITION: A modular scale is a scale of measurements . . .
A technique for selecting the right font family for your website
95% of the information on the web is written language. It is only logical to say that a web designer should get good training in the main discipline of shaping written information, in other words: Typography.
Learning about typography has had a huge impact on my approach to building websites and web . . .
Techniques for picking colors and creating a color palette for your website
There can be no doubt that color plays a major role in the design of a website. Mike Kus in the article, "Nine Things I've Learned" captures this sentiment best:
There are many contributing factors that go into making a good visual design, but one of the simplest ways to do this is through the use of colour. The colour palette . . .
How to create a logo for your website when you're not a designer
If ever there were an area in your website's design that could really use the help of a professional graphic designer, it's branding. A company's identity can radiate from its brand, and brands can become so well-known that they become memes.
A company's logo is more often than not the cornerstone of a company's brand, and . . .
Image sprites, a bandwidth and server trip saver
Earlier I kind of dismissed image-based icons as a thing of the past. It’s actually not. My preference of course is to use icon fonts, but if you haven't guessed already, like regular fonts, icon fonts are not multi-color, and do not provide the full design possibilities found in image-based icons:
So if you plan to use them, it's . . .
Using icon fonts to give your website a more polished look
Icons give a website a really nice touch, and they pack a lot of design punch. You've heard the expression, "a picture is worth a 1000 words." Icons certainly express a lot, and usually within a tiny 16-pixel by 16-pixel area.
Back in the day we used to use images for icons, but this slowed down the user experience – each image . . .
Up until now our focus has been foundation code and information architecture. In explaining information architecture I emphasize storytelling while purposefully deemphasizing design. Here is why:
Firstly, think about what your pages do, not what they look like. Let your design flow from the services which they will provide to your users, . . .