Posts with tag: CSS

4 Dec 2012

Designing a Highly Reusable HTML Component

The UF College of Education uses a header/footer template designed to be applied to any page, and we use this across several applications such as WordPress, Moodle, Elgg, and Drupal. Changes can be propagated quickly to all sites, and adding the template to new PHP apps is trivial. If you need to create an HTML component that can be

[...read the post]
In Programming
16 Feb 2011

IE6/7 CSS Specificity Bug

After our team launched the new College of Education site, I discovered that IE8′s handy “Browser Mode: IE7″ mode of IE8 is useless for real IE7 testing (but IETester actually works!). Undoubtedly this “IE7 mode” has many quirks in its emulation we’ll never know about, but after a few hours of hair-pulling I finally pinned down a

[...read the post]
In Programming
17 Nov 2010

We need a frontend design tool for live web pages

It’s quite frequently that an HTML/CSS designer might want to make changes to a live web page. Maybe she doesn’t have write access, or maybe the fixes needed aren’t worth the start-up cost of copying the page locally and working on it there, or multiple designers want to work up ideas on a given page

[...read the post]
In Programming
16 Mar 2010

IE9 May Raise the Bar

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 stuck

[...read the post]
In
6 Nov 2009

Get higher quality images within printed web pages

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

[...read the post]
In
3 Aug 2009

IE6 Lurches On

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,

[...read the post]
In
19 Sep 2008

Minify 2.1 on mrclay.org

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.

[...read the post]
In
27 Mar 2008

Minifying Javascript and CSS on mrclay.org

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

[...read the post]
In
18 Jul 2006

Why CSS layout is hard

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

[...read the post]
In
5 Apr 2006

What happened to the design?

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

[...read the post]
In
23 Mar 2006

IE7 Compatible Float Clearing

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;} /* */

[...read the post]
In
10 Mar 2006

Opera 9 will pass Acid2

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.

[...read the post]
In
13 Feb 2006

Opera 9 closes in

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.

[...read the post]
In
11 Sep 2005

A safer Holly Hack for IE7+

#elementNeedingHasLayout {zoom:1}

[...read the post]
In