CSS3 gradients are now well and widely supported by most major browsers — except, of course, Internet Explorer. IE9 is the only active version to allow multi-stop gradients with transparency. Even so, gradients are a bit kludgy to apply in IE9 and more limited compared to gradients in CSS3. In IE 6-8, we can make [...]
BLOG > Category Archives: CSS3
Jump into HTML5 with HTML5 Boilerplate
Dec
16
Why is HTML5 Boilerplate awesome? Cross-browser compatible (IE6, yeah they got that.) HTML5 ready. Use the new tags with certainty. Optimal caching and compression rules for grade-A performance Best practice site configuration defaults Mobile browser optimizations Progressive enhancement graceful degradation … yeah yeah they got that IE specific classes for maximum cross-browser control Handy .no-js [...]
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 [...]