Software As She’s Developed

Mahemoff’s Podcast/Blog – Web, Programming, Usability from the Author of ‘Ajax Design Patterns’ (AjaxPatterns.org)

Software As She’s Developed header image 4

Entries Tagged as 'CSS'

Events Last Week: Web Fonts, Social Design Patterns, BT Dev Day, Real-Time Javascript

January 25th, 2010 · 1 Comment · HumansAndTech, SoftwareDev

Last week saw a confluence of excellent events. In the same week as a house move, it proved to be a week of much learning and little sleep. I’d hoped to do a better write-up, it never happened, a combination of being too busy and new MAC BATTERIES SUCK, meaning the lappy couldn’t last [...]

[Read more →]

Tags: ·······

What’s the Maximum Z-Index?

June 3rd, 2009 · 9 Comments · SoftwareDev

Z-index is the CSS property governing how high in the stack an element is, if you visualise the elements as appearing in a 3D stack coming out of the page. The actual value of an element’s z-index doesn’t matter; just its value relative to other elements on the page. Elements with higher z-indexes appear on [...]

[Read more →]

Tags: ···

The official olympics medal tally is broken. Let’s fix it.

August 18th, 2008 · 2 Comments · HumansAndTech

This is how the official olympics medal tally looks:

It’s not only the official tally, but the one linked from google each time you type “olympics” and terms like “australia olympics”. Thus making it an absurdly popular page at this time. As you can see, the design is reedeeeculous. The thing you want to see the [...]

[Read more →]

Tags: ·····

CSS Coding Style and the Unbearable Tendency for People to Adore Whitespace in their Source Code

October 22nd, 2007 · 8 Comments · SoftwareDev

CSS coding style doesn't get a lot of play. Most people are happy to stick with the convention of one property per line, like this:

PLAIN TEXT

CSS: #score {   background: yellow;   width: 12em;   border: 1px solid orange   padding: 2em;   margin: 3em 0;   display: none; }

I, for one, can't stand that style. I'm heavily biased towards information-dense coding [...]

[Read more →]

Tags: ······

Tables – The Secret Behind Every Simple CSS Form

February 12th, 2007 · 20 Comments · SoftwareDev

Tableless forms are painful. Every time I start trying to create them, I wonder why I am going through the motions. Some vague sense that it will be "more accessible" and I'll be able to tick an abstraction of a "web standards-compliant" box. But really, these table-less constructs are supposed to make page authoring easier, [...]

[Read more →]

Tags: ···

CSS: The Tech Ajax Forgot

July 31st, 2006 · 9 Comments · Links, SoftwareDev

.... Wherein our protaganist awakes to the power of CSS ...

CSS is as important to Ajax as Asynchrony and XMLHttpRequest. Which is to say, it's very useful, even though it's not essential. Due to an accident of the English language, JJG's creative mind, and the propensity of certain terms to rise to buzzdom, it doesn't [...]

[Read more →]

Tags: ······