Tag archive: tutorials

How to select the grid width in The Grid v2 template

The new version 2.0 of The Grid template includes two separate grid layouts, one that is 960 pixels wide and another that is 1200 pixels wide. Both grids use 12 columns with 20 pixels of spacing, but the column widths are diferent. The 960 pixels grid use a column width of 60 pixels while the…

Template tutorial translated to German

The six-part tutorial about building your first website using a free website template is now available in German, thanks to Techfacts. The first part can be found here: Erstellen Ihrer ersten Website mit Hilfe einer Website-Vorlage.

How to create an easy-to-remember and strong password

As the web looks today, most people have a number of user accounts on various services. With that comes the need to use passwords, which should be as secure as possible. Preferably by being long, containing letters in mixed cases as well as numbers and special symbols. Passwords should also never be re-used, but unique…

Learning to use the semantic elements of HTML5

One question which I have got in several e-mails is: “Why should I use HTML5 tags rather than regular (X)HTML?”. In an effort to answer that question, I recommend that anyone interested in learning and understanding the new elements of HTML5 should read the article Learning to use HTML5 semantic elements by Steven Bradley. It…

How to use Google Font Directory for webfonts

I have previously written about using custom fonts through @font-face, and the difference it makes for the visual appearance of a website. Today I want to recommend a large directory of hosted fonts that you can include in your designs easily, without having to deal with the actual font files. Google has launched a site…

Menu