Archive for the ‘CSS’ Category

anatomy of a digg

Monday, April 10th, 2006

Here’s a graph of my recent web traffic. Can you spot the point where my CSS positioning tutorial became popular on the social bookmarking sites?
digg-effect.png

That tutorial is also now #7 on a Google search for “css positioning”.

JavaScript tabbifier v1.7 new features

Monday, April 10th, 2006
Tabber

I just released a new version of my JavaScript tab interface software.

New Features

  • Can automatically set a unique id for each tab navigation link, which allows you to individually style each tab.
  • Includes a “minimized” version of the code (with comments and whitespace removed, for extra-fast loading).

Web Developer extension outline any CSS selector

Friday, April 7th, 2006
webdev-toolbar.png

“You don’t need to be helped any longer. You’ve always had the power to go back to Kansas.” — Glinda, the Good Witch of the North

When I saw Pawel Knapik’s
bookmarklet to test CSS selectors
, I thought it was a great idea – now I can enter any CSS selector and it will be outlined on the page.

Why isn’t this feature in Chris Pederick’s web developer extension? I jotted off an email to Chris – and got a reply in just a few minutes, informing me that it was already there!

I knew that I could outline a custom HTML element (as it says: “eg. div”), but it turns out you can enter any CSS selector. Oh joy!

So thanks again to Chris, the Good Web Developer of the West!

JavaScript tabbifier v1.6 new features

Monday, April 3rd, 2006
Tabber

I just released a new version of my JavaScript tab interface software.

New Features

  • You can set a custom onLoad function to be called after the tab interface has finished initializing.
  • You can set a custom onClick function to be called when the user clicks a tab. In addition to performing any other actions, this function can stop the tab from changing.

They like me, they really really like me

Thursday, March 30th, 2006

delicious-popular.png

Dang – my CSS tutorial has owned the del.icio.us popular page since last night. I guess I really pegged the market on that one.

Update: also has over 1200 diggs, including this nice comment:

This tut explained in about 5 minutes what hours of browsing other documentation failed to get thru to me.

phrase of the day: seemingly innocuous

Wednesday, March 29th, 2006

I got to use this phrase in an email today:

In the CSS, if you change a seemingly innocuous bit of code you could break some functionality, so please notify me if you need to change anything.

In retrospect I probably should have said “if you make a seemingly innocuous change”.

Learn CSS positioning in ten steps

Tuesday, March 28th, 2006
CSS positioning

Here’s an interactive tutorial I’m working on:

Learn CSS Positioning in ten steps

I’m using it to give some CSS and HTML training today. It uses a customized version of my JavaScript tabs interface and triggers a styleswitcher each time you switch tabs, so you can see the CSS change right on the page.

It’s a work in progress, so let me know if you have any suggestions.

CSS thought of the day

Monday, March 20th, 2006

Internal dialog while trying to figure out how a certain page was set up using HTML and CSS:

Ahh… clever.

Stupid, but clever.

It was using a little trick in CSS to make the page design more flexible, but the end result was that the page wouldn’t look right if CSS was not available.