Google Web Fonts

Embedding Non-Standard Fonts on Your Website Using Google Web Fonts

Back a few years ago it was almost impossible to use any other font than a standard system font on a website, without serious usability implications. Today, it is all about comparing the best solution for the project. In this tutorial, I’d like to show you how to use a non-standard font on your website by selecting from the great Google Web Fonts library which has got many high-quality fonts to choose from that in most cases have fair licenses.

Continue reading “Embedding Non-Standard Fonts on Your Website Using Google Web Fonts” »

Coding a "Big Button" Horizontal Navigation Menu

Coding a “Big Button” Horizontal Navigation

In the tutorial “How to Make a Create a Modern Website Design“, I showed you a number of different techniques and styles while taking you through the Photoshop design. Today, I am going to show you a little part of the coding that goes into this design, specifically how to code the navigation element.
Continue reading “Coding a “Big Button” Horizontal Navigation” »

css-thumbnail

Making Drop Caps using CSS

Drop caps have traditionally been used in print giving a different style to the first letter of a paragraph. This can be done using CSS as well and be implemented on websites.
Continue reading “Making Drop Caps using CSS” »

css-thumbnail

How Basic Pseudo-Selectors Work in CSS

When coding styles for elements in CSS, you can target different states of the same elements by using so called pseudo-selectors.

Continue reading “How Basic Pseudo-Selectors Work in CSS” »

How padding and margin works in CSS

In this CSS tutorial we are taking a look at how padding and margin works and some things you should be aware of when using them.

Continue reading “How padding and margin works in CSS” »

Page 1 of 212