justaddwater.dk

For my own convenience I created this script to identify css files where colors like #aaaaaa can be rewritten in the short form #aaa
(saves bandwith, but can also make it easier to identify similar colors)

grep -nE ‘#([0-9a-f])\1([0-9a-f])\2([0-9a-f])\3′ **/*.css

output from a random project:

css/actions.css:19: color: #000000;
css/actions.css:38: color: #000000 !important;
css/actions.css:53: color: #ffffff !important;
css/admin.css:90: color: #cccccc;
css/admin.css:94: color: #aaaaaa [...]

I learned this nice little hack to bypass the standard browser setting that normally prevents background images from being printed.
The hack makes use of converting the background-image to a list item with an image.

/* Hack, to trick the browser to print another logo
Unfortunetaly, Firefox on Windows doesn’t show logo on [...]

I ran into the challenge the other day to style a<button> element to make it look like a link (with underline and everything).
Unfortunately, the <button> element does not react to text-decoration: underline;
But according to a discussion at the CSS Creator forum, there is a way out:
I was just messing around with it and for some [...]

I found out that Internet explorer only interprets 32 @include statements in CSS for a webpage. The rest is silently ignored.
Tested with IE7. Has anybody tried this with IE8?
For more info see:
Internet Explorer issue – maximum of 32 CSS @import
PS. Silent ignorance is just about the worst form for ignorance when coding. The least [...]

Just home again from two weeks vacation, I found this in my delicious popular feed (i usually scan the delicious popular feed for links others find interesting).
Using CSS to Fix Anything: 20+ Common Bugs and Fixes
Good explanations to some of the usual I run into. For instance, the double margin float bug in IE 6 [...]

Firebug keeps surprising me. I’ve recently been working on code for several web designs and this little trick helped me to understand existing HTML and CSS much faster. Just to give an example I use our Justaddwater RSS feed page (but could be any page).
Before you start, get Firebug for Firefox (if you haven’t got [...]

I have been looking a fast, intuitive editor for my Windows laptop.
Now I stopped looking. E-texteditor for windows is very intuitive and easy to use. I highly recommend watching the screencast (a short tour of some of the best features). Although it’s still in beta, it seems so much better than the alternatives.
I’m using [...]

It’s been a while where web standards don’t get the attention it deserves on this blog. In that spirit, here’s a behind-the-scenes view on how Technorati makes rounded corners on a faded background.

I remember Eric Meyer mentioned this solution back at a workshop in 2005 (before he could actually tell that it was for [...]

All of a sudden, Joe Kleinberg posted a comment on “Who invented the Spacer.gif“, with the claim that he actually invented the technique [before David Siegel]:

Technique for using the toolbox: Locating problems in HTML.
I decided to make a little toolbox that’s easy to apply on web pages, when investigating problems with web pages. Basically, it’s the tools I used when investigating the case I described in “Why web standards matter (case study)”
I split this into two posts. This is [...]

The Internet Explorer team is preparing to ship the next major version of the world’s most popular browser. The IE team has written an update on which CSS bugfixes that will make it into the final release.
Update of existing CSS on websites
Before we get to that rather long list, I feel it’s important to know [...]

I just found this page on ILoveJackDaniels.com: Cheat Sheets. It contains a bunch of cheat sheets (you know the good old reference posters that is nice to have around the office). Realy good stuff. Now I just need to go to the office after dark to print a couple of posters on the A0 plotter [...]

I just sent this to the CSS-D discussion list
Hope you can help me with this. I want to limit a table cell height to only one line of text. My example below does not work – any height on td is simply ignored if content is long.
Problem here (according to for instance http://annevankesteren.nl/2004/01/css-tables ) [...]

Want to know how to make your website more readable and accessible to its users? Start by using the correct font and don’t forget to tweak and style it correctly either – it makes quite the difference! Understand how in the great article “The Anatomy of Web Fonts” by Andy Humes.

With the release of Firefox 1.5, I thought it’s time to make a round up on the tools and plugins that makes my everyday work faster, more efficient. Here are some of my favorite tools for Firefox and a few for Internet Explorer.

Webstandards evangelist Molly Holzschlag wrote a brisk open letter to the Disney Store after they recently dumped their webstandards compliant site and introduced table-based layouts, spacer gifs, <font>-tags and lots of style attributes.

ASP.Net framework has severe problems producing HTML that follows webstandards. This is the first article of two where I take a closer look

Recently the CSS hackers at Position is Everything posted an indepth article “In search of the one true layout“. After a couple of reads, it seems that this is the future way of making 3-column page layout. In fact, it can be used for any number of columns.
Eric Meyer thinks this is so good and [...]