Bernskiold Learning

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” »

12 August, 2011 | Erik Bernskiold | CSS, Custom Font, Embedding, Font Library, Fonts, Google Web Fonts, HTML, Javascript, Web Fonts | 4 Comments »

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” »

16 February, 2011 | Erik Bernskiold | Buttons, Coding, CSS, CSS3, HTML, Navigation, Text | 4 Comments »

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” »

16 February, 2010 | Erik Bernskiold | Print Effect, Text Style | No Comments »

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” »

15 February, 2010 | Erik Bernskiold | Selectors | No Comments »

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” »

6 January, 2009 | Erik Bernskiold | CSS, Margin, Padding, Video | No Comments »