Category Archives CSS

CSS Archives

Welcome to our CSS and HTML archives page. Here you will find articles, tutorials and free resources that will help you build beautifully designed web pages.

Free Single-Page Scrolling HTML5 Portfolio Template + PSDs

We have another amazing freebie for you today β€” a completely free single-page HTML5 portfolio template and all of the accompanying PSDs. It has been jointly designed by Hannah Milan & Joefrey Mahusay and is a beautifully crafted template perfect for any creative designer as a means of displaying their portfolio. This template is also a great exercise in practical…

25 Fresh and Professional CSS and HTML Templates

Ready-made CSS templates are one of the most sought after resources within the web design community. They not only offer a quick and easily edited solution for a static website or as a theme for your favorite CMS, they also offer a great avenue for exploring beautiful code, learning new techniques and most will work perfectly as a basic framework for any web project.

Beginner’s Study Guide to HTML5 Microformats

For years the web has been a static development block for housing information. It hasn’t been up until recently that micro-format designs have been released into the semantic web. These allow developers to contextually describe page elements for better representation of what the information holds. Most of the tips below are useful for those still building their introduction into HTML…

15 Lightweight and Minimal CSS Frameworks

The CSS framework you decide to use should ideally not be based only on a personal preference, as most web designers tend to do. Instead a framework should be based on your current web design projects complexity and functionality requirements. I mean, why would you want to use a one-huge-size-fits-all solution (like YUI, Blueprint or 960.gs, which are, as everybody…

32 Javascript Alternatives with Pure CSS – Updated

The pure CSS techniques, outlined in this article, are neither new nor are they ground-breaking. What they do offer is CSS solutions to what would typically and traditionally be associated with Javascript, and as a demonstration that they do exist and could be quite easily used. Having said all that, we are in no way saying that these techniques are…

45 Free CSS and XHTML Web Layout Templates (Revisted)

Whether you download and dissect pre-built CSS templates to learn new layout techniques or if you download them to be used as easy-to-edit ready made and standalone web sites, you shouldn’t be limited to using one of the many cloned, dated and often dull templates that are freely available. Popular trends and techniques change very quickly within web design and…

25 Free Fonts Perfect for @fontface (Revived)

The recent web design trend of not using web safe fonts for headlines and titles has opened up a whole new resource category for designers: The search for the perfect headline grabbing font. In this post we have collected 25 of the best completely FREE headline fonts that could be easily used with @fontface property and all packaged with a…

An Introduction to HTML Prototyping

Since starting work as a web designer I have always, and will always obsess over improving my project workflow, my own design pattern if you will. Never afraid to make a couple of wrong turns along the way, my intellectual pursuit has seen me produce wireframes in Photoshop, sketch them out in meticulous detail, and not so meticulous detail, test-drive…