Archive for the ‘CSS’ Category

Easter egg CSS circles

Sunday, March 29th, 2015 by Jesper Rønn-Jensen

Easter eggs instead of circles on your CSS. It’s easier than I thought.

screenshot-with-easter-eggs-css-cropped

Script identifying CSS shorthand possibilities

Wednesday, October 21st, 2009 by Jesper Rønn-Jensen

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 […]

Print CSS Background Logo Hack

Tuesday, September 29th, 2009 by Jesper Rønn-Jensen

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 print — […]

CSS Styling Buttons Problem with Underlined Text

Wednesday, September 16th, 2009 by Jesper Rønn-Jensen

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 […]

CSS Fun: Flag Deprecated HTML Tags

Thursday, January 8th, 2009 by Jesper Rønn-Jensen

IE CSS Bug: Limited @include Statements

Tuesday, July 1st, 2008 by Jesper Rønn-Jensen

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 […]

Fixes to Common CSS Problems

Monday, June 16th, 2008 by Jesper Rønn-Jensen

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 […]

Debugging CSS: My Best Productivity Tip Ever

Monday, April 30th, 2007 by Jesper Rønn-Jensen

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 […]

E-Texteditor For Windows

Saturday, April 28th, 2007 by Jesper Rønn-Jensen

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 […]

Rounded Corners the Technorati Way

Thursday, February 15th, 2007 by Jesper Rønn-Jensen

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 […]

Who Invented the Spacer.gif (Part 2)

Sunday, February 11th, 2007 by Jesper Rønn-Jensen

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 — locating problems in HTML

Monday, September 18th, 2006 by Jesper Rønn-Jensen

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 […]

IE 7, web standards and CSS support

Monday, August 28th, 2006 by Jesper Rønn-Jensen

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 […]

Web Development Cheat Sheets

Tuesday, May 23rd, 2006 by Thomas Watson Steen

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 […]

How to limit table cell height (GMail style)

Saturday, March 11th, 2006 by Jesper Rønn-Jensen

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 […]

The Anatomy of Web Fonts

Wednesday, December 14th, 2005 by Thomas Watson Steen

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.

Web developer’s collection of browser tools

Wednesday, November 30th, 2005 by Jesper Rønn-Jensen

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.

Disney Store moved away from webstandards

Monday, November 28th, 2005 by Jesper Rønn-Jensen

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 1.1 and web standards support

Monday, November 21st, 2005 by Jesper Rønn-Jensen

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

3 column CSS layout equal height solved

Wednesday, November 16th, 2005 by Jesper Rønn-Jensen

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 […]