Archive for the 'css and html' Category

Unfor­tu­nately, I spent a too much time pre­par­ing my Access­ib­il­ity Law in Aus­tralia present­a­tion and not enough time pre­par­ing this present­a­tion. What should of been 30 minutes plus on tech­niques to make forms more access­ible and usable, end up being 10 minutes or so going through a num­ber of points that should of been expanded…

It is on the WSG site (and Kay’s web stand­ards persona’s blog) so it must be true, I am giv­ing a present­a­tion on access­ible forms and talk­ing about access­ib­il­ity law in Aus­tralia. The aim for each Perth WSG meet­ings is two present­a­tions, both Web Stand­ards based, one tech­nical and one busi­ness ori­ent­ated. While I am […]

Jana asked for tutorial on lay­er­ing HTML over Flash, so here is how the cur­rent footer works, though it will hope­fully be replaced real soon.

Warn­ing

This will only dis­play cor­rectly on Mac and *nix machines 50% of the time. There is a bug in the flash plu­gin that ran­domnly assign which ele­ment will be above the other in stack­ing order, no mat­ter what you do with z-index or source order. So if you scroll up and down or ref­eresh the page, the order may change.

There are also prob­lems with Flash­bock plu­gin for Fire­fox, over­lay­ing HTML over flash cur­rently makes it impossible to play the flash file. How­ever, a solu­tion may be at hand.

Kara O’Halloran on The Joy and Ter­ror of Imple­ment­ing Web Stand­ards and Vicki Berry presents excerpts from her ses­sions from TODCON 8 (Access­ible Web­site Essen­tials and Lesser-Known XHTML Ele­ments and Attrib­utes). The full details are here.

Fire­Bug a fire­fox exten­sion that one day might chal­lenge web developer as the most use­ful fire­fox exten­sion in my tool­box. A heap of the tools to poke, prod, and mon­itor your JavaS­cript, CSS, HTML and Ajax includ­ing a debug­ger, error con­sole, com­mand line, and a vari­ety of inspect­ors. I can not get it to do everything it is sup­posed to like live edit­ting of the HTML, but even so the inspect­ors are well worth the download.

Why is this web­site so stretchy and orange. A look at the how and why of the fluid elastic redesign.

tagged elastic design fluid elastic design elastic

If you haven’t noticed this site has had a CSS reboot and a little tweak­ing of the Word­Press tem­plates. It is a par­tially a proof of concept (or fail­ure in concept if you use a Mac) and very much a work in pro­gress. Let me know if find any prob­lems and please stretch the pages by vary­ing your browser width (and the header still looks good at 300% @ 3000 pixels).

Go visit CSS Reboot and you can vote for me and any of the other 1500 rebooters.

tagged css­reboot css reboot elastic design

Like at least 12001500 other souls I was plan­ning a brand new CSS and a few tweaks under the hood for May 1. Unfor­tu­nately due to some prob­lems and the odd bug, the revamp will not occur for at least a couple of days. I threw cau­tion (and sleep) to the wind and made the May 1 deadline.

Influnces are very mixed, the work of artist Brent Harris …

tagged css­reboot failed css­reboot

I didn’t freeze or freak out when I gave my present­a­tion to the Perth Web Stand­ards Group, I actu­ally enjoyed it. So I jumped at invit­a­tion to do another present­a­tion in a few months time. The ques­tion, is what topic? The three that spring to mind are:

1. 50 things you should know about CSS
2. Fixed, Fluid or Elastic layout?
3. Access­ible Forms

I have been pod­cast, the audio (mp3 5Mb 22minutes) and tran­script to go with my slides for the present­a­tion but­ton the for­got­ten ele­ment.

tagged but­ton but­tons but­ton ele­ment access­ible but­tons input ele­ment