BarelyBlogging » CSS

anatomy of a digg

pat — Mon, 10 Apr 2006 06:13:14 +0000

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?

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

JavaScript tabbifier v1.7 new features

pat — Mon, 10 Apr 2006 05:27:49 +0000

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

pat — Fri, 07 Apr 2006 06:30:27 +0000

“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

pat — Tue, 04 Apr 2006 04:06:10 +0000

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

pat — Thu, 30 Mar 2006 17:02:19 +0000

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

pat — Wed, 29 Mar 2006 16:43:27 +0000

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

pat — Tue, 28 Mar 2006 16:07:02 +0000

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

pat — Mon, 20 Mar 2006 19:56:40 +0000

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.

JavaScript tabifier

pat — Thu, 02 Mar 2006 16:50:26 +0000

Damn, was I beaten to the punch?

A while back I was working on an automated tabifier using JavaScript, then this popped up today in the popular page in deli.icio.us: Link

I shouldn’t post unfinished code, but damn it, I think mine is better!

My tabs are completely CSS controlled, they look great without JavaScript and the page always prints (I think a lot of DHTML developers do not take into effect that a page will be printed).

Anyway, check it out here: JavaScript tabifier

If you like it please contact me – with enough encouragement I might continue this project.