Embracing and Using CSS3 Pragmatically

Mar 21 2011 by John Macpherson | 18 Comments

Embracing and Using CSS3 Pragmatically

Web design is an industry where things change very fast. Over the last year or two, CSS3 has taken web design potential to a new level. It’s not that many more features are available in this latest iteration of the CSS specifications, it’s that CSS3 makes it easier to work with things that typically involved more work, more technologies, and more software. For example, basic animation and dynamic image capabilities such as color gradients were previously only possible with JavaScript, Flash, and image editing software like Photoshop. Not anymore.

continue reading »

CSS Typography: Techniques and Best Practices

Mar 10 2011 by Kayla Knight | 26 Comments

CSS Typography: Techniques and Best Practices

In the first part of this series, we discussed some fundamental concepts pertaining to CSS typography. Now we are going to cover some excellent techniques, tips, tricks and best practices for dealing with typography on websites.

This is the second part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography.

continue reading »

CSS Typography: The Basics

Mar 3 2011 by Kayla Knight | 42 Comments

CSS Typography: The Basics

Typography is an essential component of a website’s design. This is for good reason: good typography is not only imperative for aesthetic appeal, but also improves site usability when text legibility and readability concepts are applied. Typography is all about proportions and spacing. There are also font styles to consider.

How can we use CSS for great typography in our web designs? This is a question we’ll try to answer.

This is the first part of a three-part series of guides on CSS typography that will cover everything from basic syntax to best practices and tools related to CSS typography.

continue reading »

How to Create Social Media Buttons Using CSS3

Dec 29 2010 by Andrew Roberts | 41 Comments

How to Create Social Media Buttons Using CSS3

CSS3 is truly amazing. It gives web designers the ability to create flexible and easily reusable design elements, and reduces our reliance on images and graphics editors. This is a guide shows you how to create stylish social media buttons using CSS3, HTML, and some freely available social media icons.

continue reading »

Should You Reset Your CSS?

Dec 23 2010 by Michael Tuck | 35 Comments

Should You Reset Your CSS?

This article explores the ongoing debate on whether or not web designers and web developers should reset their CSS, sharing the thoughts and opinions of several web professionals.

continue reading »

How to Create CSS3 Christmas Tree Ornaments

Dec 21 2010 by Catalin Rosu | 14 Comments

How to Create CSS3 Christmas Tree Ornaments

In this guide, we will display the power of CSS3 in drawing complex shapes. We will magically create Christmas tree ornaments using only CSS3 and HTML (no images). In particular, we will be drawing baubles, which are the hallmark ornamentation of Christmas trees.

continue reading »

A Comprehensive Guide to CSS Resets

Dec 13 2010 by Michael Tuck | 21 Comments

This guide examines the infinite-like variety of CSS resets created by web developers and designers across the world.

While almost all of these CSS resets are generally provided free for public use (many through Creative Commons licensing), it is incumbent upon you to check the terms of use before putting them to use in your projects.

This guide follows Part 1, where the history of CSS resets was discussed; you’re advised to read that before this one to get the most out of this guide.

continue reading »