2009-11-30

Plain Design Ltd.

That should be the name of my new web development company. There's a lot of complexity in the world and complexity is the true root of all evil.

I've spent most of the weekend updating a website from a ... retro 1998 GeoCities-style to something more humane.

Before After

(Sometime soon, both of those will point to the same one.)

Changes have included:

  • Rewriting almost all the old presentation code. It was primarily broken HTML with a table-based layout, and now it's clean HTML+CSS+JavaScript with a position-div-based layout. It's about 1/3. In the end, it's about half the size. The smallest savings come from the PayPal-based order page.
  • Restructuring some of the flow. Most of the navigation was usually at the bottom of the page. We now have a sidebar that can get you to almost anywhere, except the individual game's pages, and for those, we have thumbnails of each game leading to their page. Yay.
  • Some of the saving comes from how I build the sidebar and header consistently on all pages: they're built using JavaScript and written in response to getHeader() calls on each page.
  • Cleaning a lot of the images. Many were GIFs with coloured edges. I cleaned those edges and made them into slightly smaller PNGs. Hurrah!
  • We now use Silk icons for a few icons. Yay. Silk is a great CC By-licensed icon set ideal for websites and application development.
  • We now use handfont2 by Benji Park as a cool web font as provided by the Open Font Library. There are a few points where text and text images still needs to be converted.

Anyway, there's still some work to be done, but it has been fun. Back to my first comment, though, the new design was initially very plain, and I hope it still mostly is (though the thumbnails son the left and the paw prints up top seem to have muttered up things a bit, in a way I like). I don't have aspirations to particularly rich designs. They often end up garish. A lot of websites I visit look repulsive. Especially on-line stores. I don't understand how making their website difficult to traverse, cluttered, and ugly is supposed to improve sales. Ah well, I'm not everyone. I think my designs err on being too simple sometimes, but at least they are hopefully efficient and a pain-free experience.

0 comments:

Post a Comment

Labels

#Microblog #General friends gnome google #School blogger linux school food web fedora life music bugs guelph technology #GNOME development kendo kosmokaryote ta vegan cell phones firefox open source computers internet picasaweb skedge speech Flesherton android birthday future git happy iaido jodo nlp security sleep vegetarianism winter work dad evolution gxml libgdata nature pidgin reading speechdispatcher stress vancouver christmas genderguesser liv phone travel ubuntu vala wind mobile #Development acer blogging canada dreams fun gitorious nightmares snow video writing xorg Nintendo ai anime baking cake cold cookies css djaqua family gdom german gseta halloween new years new zealand night people rhythmbox tablet x11 New York Toronto animal welfare art autumn bc books breath of fire II cat chocolate comments communication conversation dataloss duplicity environment flight gdata greyhound gtk home humanity laptop love math money morning movies nz pizza poverty programming psychology rain responsibility shopping sick tea the legend of zelda uoguelph vonage Hugo Nexus One Sudbury adventure age animals apple audible bash busy computer science data loss emacs encryption failure fedora 12 fedora 16 galaxy nexus germany gnome blog goals green health icarus im japan java laundry libxml2 magic mail mail-notification materialism memory muffins nerdfighteria netflix pets photography play politics privacy python quiet thrill receipts research rogers skating sound soy milk space sports stars style sushi synergy transit university value village video games weather web development webschwerver xml yojimbo Blassreiter CIS*2750 CIS*6890 Dutch Blitz Electric Networked Vehicle Empathy John Green Lord of the Rings OCUS Scott Pilgrim Thanksgiving The Frames Trick or Eat US animalia arboretum argument backup bad movies banana beard belladonna beta birds blogs brain breakfast browsers bus business calm catastrophe chat childhood clock colour confidence context cooking corporations cottage cthulhu culture dbus decay depth design discomfort dns dodgeball emusic energy english enhanced history evil exercise exhausted facebook fail feelings ferry film free friend fruit games gardening ghetto ghosts gmail google reader google wave google+ green roofs gsoc hair heat hungry ice cream imaqua instant messaging intelligence interest internet explorer japanese javascript joy knowledge language light loss lost macbook meaning melancholy memories mom namespaces neural networks news nintendo 3ds oceans oh the humanity pain past patches perl philanthropy pie pirates politeness preupgrade productivity pulseaudio purple quidditch recipes redundancy rpm rss rsync sadness science seasons senility sentimental sewing sharing sheep silicon motion sleep deprivation sleeping in smells software songs ssh star wars summer technical communication and research methods telephone test time time and space tired tragedy upgrade urban ecosystems via vihart vlogbrothers voice walking warmth water wave web design wild wireless wonder world youtube yum zellers #Wishlist 1602 1984 24fps 404 API All My Children Argentina Avatar: The Last Airbender Businesses CIS*6050 Christopher Plummer Claymore Con-G Creatures Darker than Black David Attenborough Dear Wendy Docking Station Dollhouse Dunedin Elliott Brood England Europe February Fergus Final Fantasy IX GNOME 3 HTC Hank Green I believe in a thing called love Ireland JRR Tolkien Melodies of Life Montréal Mother Mother Neil Gaiman Network Manager New York Philharmonic Nintendorks Norns North Korea NotesFromNewYork Ontario Orphen Oscars PEAP Pete Peterson Planet Fedora Questionable Content SIM Wireless Samsung Santa Claus Sauble Beach Snakes and Lattes Star Trek Steve Grand The Darkness The Hobbit The Stand Tianjin Tolkien UK Wolves in the Wall WordPerfect abrt advertisement aeroport airport express ajax al gore alarm clock aldiko algonquin alien alone ambition amusing amy winfrey angry birds anhosting anime north anon anxiety apology arcade ask assignments association analysis asynchronous ati automarker autonomous automobiles avatars awesome backtrack3 backyard bounty bandwidth banks baseball bathroom bats battery beaches beauty bed bees beetles bellaqua berlin bertrand russell bill gates biometrics black and white blockbuster bloomberg blue bohemian bonds book border boredom branding buffy buses buttons c# c++ cafe calligraphy camera cancer candy cards careless cars cast causality cbc celebrate certainty cgi challenger chaos theory charity charm cheap cherry blossoms chickens china chopsticks christianity chrome cities clarity classes clean cleaning clorox clorox green works cloud clubs cname codeviz coins comfort community compassion competence competition compiler compliments concert conservation consumption contagion contributing convenience convention cookie copyright corpses country court crafts crashes crates creative commons creativity criminals crosscanada cry cryptic csh cult current tv customer service cvs dance dark themes data mining databases death debug symbols debugging decor democracy desktop desktop summit despair digimon digital receipts disabilities disaster dispute dissection kit diy doubt dpkg drab dragon drano drano prevention drawing dress dtwydt dust dynamic typing e-mail earth earth day easy eating ebooks ecards economy editors education eeetop eggs el paso elections electronic receipts email enchant enterprising environmental science symposium eog epiphany eplugin equality equipment errors ether evoaqua expectations exploring ext3 extortion faery fest falafel fall familiarity fan favicon fears fedora 11 feed me fibonacci fiction file systems fire fireworks fish flexibility focus fonts forceps forgottotagit fork formal fortunate frameworks freedom freezing french fries friend's wedding fspot full moon funny furniture game boards garden gay rights gdb geek gifts gimp gio globalnewtgames glory gloves glue gm gnome keyring go ninja go goodbye goodfella's google books google talk government gp2x grad gratitude grey county groceries groups guerilla gardening guts habits haircut hal harry potter hdtv heart break help hewlett packard hijinx history holidays homelessness homework homosexuality horatio hornblower horror hot house howl hp hp lovecraft html humblebundle humour hyrule i am a carpet ibm thinkpad x41 ice ice cream sandwich ill inadequacy inconvenience industry information ink innovation integration interlocutor internet tv io irish it it is indigo jabber james bond jedi jobs julie thiel justice kayak kernel keyboard killme kinder kirby kiva knife knots koodo labels labs landau sacamoto languages late laurena law learning letstrace letter writing letters libnotify librpm libxml lilo limericks limits linksys live wallpapers livejournal loans local local food local install losher lyrics mac mini madness majesty malaria mario marketing martial arts massages matrices meat in vitro medicine meow metacity metadata microfinancing micropayments microsoft microwaves milk mind mindhacks missed the boat missing mold monitors monologue mood moon mosquitoes moss motivation mozilla mtp muffin muffinfilms mundane murder mushroom soup mystery nameservers nasa national treasure nausicaa navigating neighbours netgear network new users next year ninja turtles ninjas nodelist nointernet noise noisy non-root normality nostalgia notebooks notification-daemon novels november fair nuclear war numbers obscure obsolescence ocz olap olive open formats open music open souce open standards optimism orcas orchestra oreo oreos oscar otr overheat packing pan panda pants paper papers patience pattern recognition peanut butter pen pence pender penguins penmanship perfection performance personal pet rocks peterborough philosophy php pickman's model picnik pidgin plugins pintsize pizza hut planning plans plants pleasant plushies podcast pomplamoose positions posse power ppc practise premier preparation pressure private processes progress promise pumpkin pumpkin pie purchases qt quote rad radeon randall munroe raop rats reagan reality refactoring reflection refrigerators release religion resumes reuters rhino rhps road trips roar rot rtm sad salsa samurai sand scary scary movies scheduling schneier schwarting scp script seals search secrets self-interest self-navigating car senescence sensitivity sessions setbuilder sftp shame sheepo pistachio sherlock holmes ships shogun shoulder bag sigh sim city simafort simple sincerity skill skunks sky slackware slashdot sliver smiling snowboarding social society soft someonesmotherwantstoadoptme song sorrow soup sparklers speech dispatcher spellchecking spies spilt milk splendid splinter sshd stanley park starving steampunk storage streamlines stupid sucks sun super mario super mario land 3d surprise surrender survival skills suspense sweet swimming swings swords symphony tabs tasks technocracy teddy bears temperature term termcap testing tests texting the duke the fault in our stars the hulk the onion themes theory thingsidon'twanttodo thinking thought thoughts thrift stores tim mcgraw tim tams timber timbre time management time travel tin tin tools touch screen touchpack tour tourniquet trac tracker tradition trailer translation trees treestyle view trivia trouble truth turtles tv tx2500 tx2617 ugly logos un dinaru underwold unemployment united states updates upgrades uploading urban agriculture usb utopia vampires vanilla ice vday veggie challenge velociraptors velvet burger version control vi violin vlog voip waf waffles wahoo wanting waste web hosting webcomic webfonts webkit weekend weird werewolves what a wonderful town whic are also lazer powered white spot wifi wii wikisource williams wings wizard wordplay working writing voice xenophobia xephyr xkcd xmpp yoga youth z-index zoo

Blog Archive

About Me

My Photo
I am aeronautical, vanship-style.  I am olympic and mythical.  I rest on my laurels.