Archive for the ‘Uncategorized’ Category

CSS Playing Cards

23rd August 2010

Some days ago a friend of mine told me that he would be interested in using pure CSS playing cards for a personal project. A few people have tried CSS playing cards before. But I wasn’t satisfied with any of our findings, as ideally they should be semantic, accessible and scalable, they shouldn’t use more markup than necessary and should be pleasing to the eye. So, I was up for the challenge and created them myself …
(more…)

URL ABC

13th July 2010

A meme I picked up here today:

Go to the address bar in your favorite browser and type one letter.

As I have three favourite browsers I use on a daily basis, a simple list won’t do. So, here are mine in a table per browser:

Chrome Firefox Opera
A amazon.co.uk abcwiki.selfthinker.org amazon.co.uk
B bugs.splitbrain.org bugs.splitbrain.org blog.selfthinker.org
C channel4.com cv.selfthinker.org cv.selfthinker.org
D dict.leo.org dokuwiki.org dokuwiki.org
E en.wikipedia.org en.wikipedia.org easyjet.com
F forum.dokuwiki.org friendfeed.com firezza.co.uk
G google.co.uk google.de google.de
H heise.de https://banking.postbank.de http://wiki/ (my local development wiki)
I imdb.com bbc.co.uk/iplayer irclog.dokuwiki.org
J journeyplanner.tfl.gov.uk journeyplanner.tfl.gov.uk -
K - tvguide.co.uk -
L lebara-mobile.co.uk localhost :) -
M my3.three.co.uk maps.google.co.uk maps.google.co.uk
N natwest.com natwest.com nationalrail.co.uk
O ofdb.de ofdb.de opera.com
P php.net https://banking.postbank.de php.net
Q - - -
R redaxo.de reed.co.uk -
S splitbrain.org splitbrain.org slideme.org
T three.co.uk twitter.com textpad.com
U uk.androlib.com update.dokuwiki.org -
V votematch.org.uk config.variomedia.de -
W www.dokuwiki.org www.dokuwiki.org http://wiki/
X - xing.com -
Y youtube.com youtube.com -
Z zumodrive.com twitter.com/zombooloo (account deleted) -

CSS Mini-Me

3rd March 2010

A few days ago I was trying to find my “body colours”. I took a photo of my face and colour-picked the most representative bits of my skin, hair, lips and eyes. While the results in themselves (#dcc09b, #3a2810, #b0625e, #3b453d) were nice but also completely unimportant, I wondered what else I could do with that information.

I first thought about personalising my online CV to match these colours (with hair colour at the top, lip colour at the bottom and eye colour for links, etc). But somehow my body colours don’t make good website colours.

me

Instead I played around with those colours and created a pure HTML and CSS “image” of myself (the core code consists of just five divs). Et voilĂ , here it is.

You will only see the full beauty of it if you use a modern browser (and can see). It’s funny how IE6 still shows something which is recognisable as a face, but turns it into some kind of a monster:

Beauty is in the eyes of the browser