“The way that a lot of the HTML5 spec worked was just to standardize what browsers already did.” – Paul Irish, Creator of HTML5 Boilerplate In this post, we’ll dig in to HTML5 Boilerplate and explore some of the awesome things it has to offer. If you’ve got about an hour to kill, then check [...]
BLOG > Category Archives: CSS
CSS3 Gradients
Dec
03
CSS3 Gradients currently enjoy wide browser support, including from Safari, Chrome, Firefox, and Opera. Of course, Internet Explorer is behind the game. Even IE version 9.0 lacks support for gradients. To provide support for IE 9.0 and lower, we must use proprietary Microsoft filters. Even then, the gradients often don’t work or look as good [...]
Getting Started with SASS
Nov
10
SASS makes CSS fun again, so claims www.sass-lang.com. In this article we are going to go through the steps necessary to set up and get started with SASS/SCSS. If you’re running OSX, then you already have Ruby installed. If you are a Windows or Linux user, then consult the documentation at Sass.com. With Ruby installed, [...]
Covering up part of a CSS3 box shadow
Oct
23
Anyone who is using CSS3′s box-shadow feature knows just how awesome it is. With just a line of code (plus a few browser-specific-hacks), we can now create beautiful drop shadows from any block-level element. A Problem One drawback to the box-shadow feature is that it is impossible to evenly distribute a box-shadow while limiting it [...]
Using @font-face for Better Web Typography
Jul
11
I’m going to skip straight to the point and straight to the code in this article. If you want a more in-depth look at @font-face, then check out Six Revisions’ Guide to @font-face. We will use a font called MEgalopolis Extra for our @font-face font. The code To use a font with @font-face, just add [...]