Interaction design • webdevelopment • web art • photography
New background image: 'Small City Lights' (reload if you still see the old one), featuring the building of 2335 and the bridge of 1639.
Don't know how long it will last; it sort of forces me to add some colour to the rest of the design (which is looking awfully grayscale at the moment) to balance it out.
Speaking of stylish <ul>
listings, check out IF THEN ELSE (who also caught the redesign bug this week)'s take on it; scroll down a bit and hover over the leftside menus. By already showing a tiny border in the default link state, and increasing the border size on hover, it looks like LEDs lighting up. Pretty colours!
Update: check out his newly added HOW-TO.
mezzoblue - Times New Roman - talks about making the font look more modern by playing with line-height, word-spacing and letter-spacing properties. I tried to make these here Times New Roman weblog texts look less defaulty by slightly reducing the line height. [via paranoidfish.org]
Look, a new header image! Only 6 months since the previous changeover, even. Font/colour/layout changes of menu and content columns to follow...
Much thanks to the people of the local construction company for leaving these very tall floodlights standing like this night after night (see also 2211).
Neil's Place - Usability Quiz – "The following are diagrams of the controls inside the three adjacent elevators [...] Can you determine the usability problem that the elevator panels have?"
developerWorks: Usability : Seven tricks that Web users don't know and how you can help them along. [via eend.nl/log/]
naar voren » kleine dingen groot plezier - tips voor gebruikgemak. [via/door eend.nl/log/]
Another great header image at :: Taperouge ::
Update: aha, it's actually always a random image. And they're all amazing. The one I was referring to is this cat + goldfish photo.
"Design" buddy by Peterned: make yourself a hip 1337 design in just 10 seconds!
previously featured here.
Dasher - interesting text input mechanism. Click 'How does Dasher work?' for a demo. [via Metafilter]
knockoff*project - album covers imitating other album covers. [via Uren.Dagen.Nachten]
Ordinary-Life.net: interview with John Weir (designer of iht.com). [via web-graphics.com]
Itching for a redesign again... It looks pretty good in my mind already. Now to find another appropriate upside-down photo. ;)
Nice dark greys in latest onfocus.com and exitwound.com designs.
Some interesting stuff to read at Boxes and Arrows. [via inflight correction]
The Elephant's Memory - a pictorial language; info here. [via plep]
Joel on Software - The Iceberg Secret, Revealed - "When you're showing off, the only thing that matters is the screen shot." [via a.wholelottanothing.org]
I don't really consider this a redesign (when compared to previous ones), since I only changed the background-colour and -image. You'll notice the text is positioned exactly as it was before. I mainly just wanted to get rid of the white background, couldn't stand it anymore (too bright late at night hurt eyesight).
omkat: Dutch weblog slang for 'redesign'
Kijk nou, Low Weblog verandert van naam en design...
Sikkema.net in het nieuw... leuk! [via Elradonel]
prolific.org has a new design, looking niiice...
Windows XP Icons Style Guide - ooh, pretty. [via gathering.tweakers.net thread]
Design Rant - inspirational. [via web-graphics.com and others]
BBC2 Idents old
BBC2 Idents new [via interconnected]
Update: on the same site: wallpapers!
Bookmarklet: !XY (drag to Links-bar)
Clicking it will make current x,y-coordinates appear in statusbar when moving mouse over page. Source:
javascript:void(document.onmousemove=new Function('window.status=event.clientX+\', \'+event.clientY'))
Adobe: Portrait of a Web designer
[via san630 (double referrer bonus!)]
using form elements as design
What do you think of the new look?
*cough* new design *cough*
Abandoned redesign: milov.nl/?vista=invert
elrado.nl - de man die sneller omkat dan z'n schaduw! v4.4 weer nog mooier geworden; nu met zonder splash-page. [via Now's Leplog]
Obey the D - cool Tenacious D poster.
[at a.wholelottanothing.org]
History of the CND logo, also known as the Peace sign. [via frownland]
interieur - biiig quicklist of links at piregwan.com.
Personal Injury Warning System:
"Each symbol is based on an injury I have received, and indexed by the date that I would have benefitted from such a warning." [via mors.ante.servitium]
Top of the Crops 2001 - alien or not, these cropcircles are beautiful. [via Low]
Searching for "old homepages", eh? Got plenty of those right here: milov.nl/?design
(Note to self: add thumbnail for tmpl_flight. D'oh!)
Ooh, pretty new design at Mijnkopthee.nl. [via Low]
Designbeef.com - Rant-central! [via san630.com]
Ah, was looking for this: The Best Designs.com
[via constructionkid.nl [via piregwan.com]]
Ik krijg alweer omkat-neigingen...
felisha.com - pretty pixely weblog design. 'Welcome visitor!' [via B@@LOG]
The Blogger Template Contest winners have been announced. [via Dithered]
The Friezlog is now table-less (with a biiig background image!). Also check out his page on Learning Foreign Languages through weblogging.
The orangey look of this template will probably get a bit nauseating some time soon... I'm thinking about scripting in the possibility of user selection of colour schemes (a la Camworld), to add some variety.
More behind-the-scenes-of-this-new-design info: The dinosaur actually consists of two image files: a 2-bit transparant gif overlayed on a subtle orange gradient. Splitting it up like this reduced the total download size by half.
I originally had the gradient dynamically sliding up and down over time (causing the dinosaur to subtly fade in and out of view), but found it to be rather annoying or at the very least distracting...
I had the orange dinosaur functioning as a big link back to the startpage, but I kept clicking him accidentally, so I removed the link. Hope nobody minds...
Here's the original photograph of the dinosaur, in case you were wondering. Also check out this snapshot taken from a slightly different angle. Luckily, the animal didn't move at all while his picture was being taken... ;)
tmpl_flight is gone, say hello to tmpl_play! Still needs a little tweaking here and there, but I just couldn't wait any longer to try it out online...
Zou het me lukken om voor morgen nog een nieuw design in elkaar te knutselen voor de Nationale Omkatdag? Ik zie een groene layout voor me, met klein geletterde tekst, een golvende achtergrond en een lange kolom met links... maar het zal wel weer heel anders worden.
In case you were wondering, the graphic above is a cropped, desaturated, faded version of this photograph.
Remember that fake airplane leaflet from Fight Club? Here's a reproduction. [via Metafilter]
Evolution of Latin Characters in 173kb animated gif. [via Alt]
Heb nog niet vaak zulke stijlvolle tekstvelden gezien als die op de ADSL MetaCrawler site, ontworpen door RikMulder. 'Background-image' wordt nog weinig gebruikt voor <input>'s.
Someone apparently felt the need to parody dack.com. A disgruntled Flash-enthousiast perhaps? [via dack.com]
Abandoned redesign: milov.nl/?vista=dark
Now that the leafy new design is up and running, I might as well list some of the new and possibly interesting features:
- Larger font-size, looking 'tiny' rather than 'extremely tiny' on the Mac this time.
- Background image is based on an actual scan of a leaf I happened to catch before it dropped to the ground.
- Again, no <table>; main text is positioned by setting margin-left and margin-top of <body>, while menu and title images are floating divs.
- Dynamic mouseover effect for menu, by changing css clip property of an overlayed div based on cursor position. Should work in IE4/IE5, NS4 and Mozilla.
- Novelty scrollbar colours (IE5.5); decreases usability but looks really neat...
Like most people, I've grown accustomed to ignoring banners, but this banner starring the Linux penguin caught my eye...
That reminds me, here's a list of 11 Linux ads and posters made for Penguin Computing: tipatat.com/gallery.html
thisboyistoast.nu - surely one of the best uses of scanned-in burnt toast as a design element I've ever seen.
It's not quite finished yet, but anyway... here's a little preview of the new design for this site:
milov.nl/?vista=leaf
Sing along with Radiohead, a collection of Radiohead tracks with the vocals removed. [via kottke]
Low updates his homepage, sort of...
More design-parody / legal-gray-area fun: Sylloge.com rips off the non-design of Google! [via Glish]
http://404.iq.pl/ - weird (to me anyway) Polish site found in my i.am/bald-referrer-stats. What does 'fajne i.am/bald' mean?
And someone signed the guestbook with URL beton.art.pl/, which opened my eyes to a number of beautifully designed Polish sites, most of which are utterly incomprehensible:
- Negative Vibes
- http://gorzej.iq.pl/
- http://nnk.art.pl/
- http://www.belle.art.pl/
cmart.design.ru - Wow! [via linkdup]
Gallery of designers' desktops
...at KALIBER10000. This is pretty neat, screengrabs of desktops from all over the world. Each one has a link to the owner's site.
Changed mouseover-image for buttons above.