Category Archive for 'CSS'

IE9 May Raise the Bar

Tuesday, March 16th, 2010

Wow.

IE9 is coming, and it looks like it’ll get Microsoft back in the game. Full Developer Guide.
The Good: New standards supported, hardware-accelerated canvas, SVG, Javascript speed on par with the other browsers, preview installs side-by-side with IE.
The Bad: Not available on XP and no guarantee it will be. XP users will be [...]

Get higher quality images within printed web pages

Friday, November 6th, 2009

Due to web images being optimized for on-screen display (let’s say 96 DPI), images on printed pages are usually blurry, but they don’t have to be:

Start with a high-resolution image. E.g. 2000 x 1000.
Save a version with dimensions that fit well in your printed layout when placed in an IMG element. E.g. 300 x 150.
In [...]

IE6 Lurches On

Monday, August 3rd, 2009

Despite popular demand, IE6 just won’t die. While I feel for front end developers who struggle with this daily, it was once much worse.
RichInStyle.com maintained a comprehensive CSS bug guide (I can’t imagine the hours of work put into this) for the popular browsers around 2000 and the Navigator 4 list is two long, dense [...]

Minify 2.1 on mrclay.org

Friday, September 19th, 2008

A new release of Minify is finally out, and among several new features is the “min” application that makes 2.1 a snap to integrate into most sites. This post walks through the installation of Minify 2.1 on this site.

Minifying Javascript and CSS on mrclay.org

Thursday, March 27th, 2008

Update: Please read the new version of this article. It covers Minify 2.1, which is much easier to use.
Minify v2 is coming along, but it’s time to start getting some real-world testing, so last night I started serving this site’s Javascript and CSS (at least the 6 files in my WordPress templates) via a [...]

Why CSS layout is hard

Tuesday, July 18th, 2006

The complaints are many and oft-repeated: “CSS has no grid system”, “the cascade is dumb”, “it’s broken”, etc. So why is CSS layout so hard? The obvious answer is that doing anything really well isn’t always easy. Most anyone can make a page in a modern WYSIWG editor (DW8/GoLiveCS2) in five minutes and have an [...]

What happened to the design?

Wednesday, April 5th, 2006

We’re sorry, CSS will return tomorrow.
See Web Standards Naked Day (SFW) for more info.

IE7 Compatible Float Clearing

Thursday, March 23rd, 2006

According to the latest news at least. Includes font-size:0 per the original author of this mess.
.clearfix:after {
content:”.”;
display:block;
height:0;
font-size:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* \\*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* */

Opera 9 will pass Acid2

Friday, March 10th, 2006

Technical Preview 2 came close, but the latest nightly build is on the money!
This site has an entire history of Opera browsers testing Acid2. Note that IE7’s rendering is close to that of 2001’s Opera 6.

Opera 9 closes in

Monday, February 13th, 2006

Opera 9 Technical Preview 2 rendering of the Acid2 test:

Acid2 allows at-a-glance testing of browsers against web standards, particularly the most needed and under-supported features of CSS2.1 and HTML4.01.