TIL about 障子

Foto: 663highland, CC BY 2.5

writing-mode: vertical-rl

footer {
  writing-mode: vertical-rl;
  transform: rotate(0.5turn);
}


footer {
  writing-mode: vertical-rl;
  transform: rotate(0.5turn);
  text-orientation: sideways;
}

TIL about 障子 (shōji)

Foto: 663highland, CC BY 2.5

tab Hiragana, modern flat design with border-radius

Tabbed Interfaces, Inclusive Components by Heydon Pickering

Get the book!

Sliding Doors of CSS
by Douglas Bowman, October 20, 2003 on A List Apart

tab Katakana, sliding doors

tab kanji, accordion styled as tabbed interface (DON’T DO THIS!)

Like a Rounded Corner
Bruce Lawson & The Standardettes
Lyrics by Bruce Lawson (brucelawson.co.uk) to the tune of “Rhinestone Cowboy” by Larry Weiss

I’ve been trying to lay out this page
For what feels like an age
But it still ain’t working I can see
I’m feeling mighty vexed
I’ve used web fonts for all of my text
And that’s CSS3
There’s only one thing now that can save us
A little bit of that old border radius
To cover up my design’s inadequacy

Like a rounded corner
Make it all less boxy
Make it all shiny and new
Like a rounded corner
It’s HTML5 so it’s iOS ready for you
Some CSS transitions there too

Like a Rounded Corner
Bruce Lawson & The Standardettes
Lyrics by Bruce Lawson (brucelawson.co.uk) to the tune of “Rhinestone Cowboy” by Larry Weiss

My career’s on the rocks
I’ve got shadows all over my box
-webkit-’s the only vendor prefix I use
I used to be in love with the Flash
But I got hit by the great plug-in crash
And that’s when I hit the booze
And now style sheet masturbation
Has replaced my imagination
I got the #00008Bs, yeah I got the blues

Like a rounded corner
Make it all less boxy
Make it all shiny and new
Like a rounded corner
It’s HTML5 so it’s iOS ready for you
Some keyframe animation there too