website

All articles on developments of this website are posted here.

Written at 17:56, on Monday 3 March 2008. Tags: personal website .

My website anno 2008

As the World Wide Web continues to evolve, people use it for increasingly personal and social purposes. The current social networking sites are quickly gaining critical mass, moving the adoption curve forward from an early majority to the late majority. In the Netherlands, Internet usage in is still rising, and the skills of surfers continue to improve. According to the Dutch bureau of statistics CBS, more than 2 million people have designed a webpage.
As we put more of ourselves online, our identity expressions become more and more shattered throughout the web. Facebook, Flickr, Last.fm and Hyves all represent a small piece of me and my online identity. Bringing these all together will take a couple of years, although with developments like OpenSocial, OpenAuth and OpenID the first building blocks are in the pipelines.

Anyway, the whole reason of this introduction is that I’ve made a small step in consolidating my Web presence – I have now merged my portfolio into my blog. I really liked the design of my portfolio so I tried to keep as many aspects of it as possible, and only made small tweaks as necessary (although there are many of them…). There are some big improvements to the design though, mostly fixing mistakes from my last redesign.

Written at 10:29, on Monday 9 April 2007. Tags: website .

Despite being awfully busy with client work and study, I managed to finally integrate a proper feed aggregator on this website. I’ve installed the Simplefeed Drupal module for importing feed items as content. This allows me to aggregate all my Del.icio.us links on this website, give it a permanent archive and allows you to comment on these links. So don’t hesitate to do so!

I’ve also updated my feeds, and while the current URL’s should continue to work, please update your feed reader to point at:

Comments closed |

Written at 08:25, on Tuesday 25 July 2006. Tags: website .

Thomas Baekdal was bored and created Web2DNA, a script which parses your website and visualizes the elements that are on them. The cool thing about it is that semantically meaningful elements will appear brighter, so the more valid your website, the better your result will look!

The WEB2DNA version of this website's homepage

Comments closed |

Written at 12:11, on Monday 17 July 2006. Tags: javascript webdesign website .

This article refers to the fifth version of this website.

My blog anno 2006 (light variant)

As I promised in dynamic text zooming, I made some improvements to the text controls. I also added the option to switch to a light design (click on the lightbulb!). All thanks to the use of CSS for presentation, semantic XHTML for structure and content, and Javascript for interaction and behaviour.

Comments closed (5 total) |

Written at 11:48, on Saturday 1 April 2006. Tags: webdesign website .

A typical website has several “standard” elements which appear on each page, such as a logo, one or more navigation area’s, a content area and a footer. Most of the time, these elements are also displayed in this order: logo at the top, content in the middle, navigation at the top and/or sidebar, and footer at the bottom. This visual configuration is also a clear hint at the relative importance of each of these elements: the brand or identity at the top is relatively more important then the copyright information at the bottom. Sounds straightforward, doesn’t it?

Comments closed (1 total) |

Written at 08:23, on Thursday 9 March 2006. Tags: drupal personal website .

This website is now powered by Drupal! I’ve tried to keep as much of the old content, theme and functionality as possible so you should see little difference, besides a splashing new homepage and various little tidbits. Learning about Drupal, getting to know how it works, reading the documentation and scouring the fora took a couple of days. Setting up the content, the menu’s and the taxonomy, and migrating everything took approximately a day. Migrating the stylesheet and creating a new theme took another day. Finetuning every little bit of Drupal to fit exactly the way I like it took approximately a week. —(Yeah, I’m a perfectionist. I wish I had this much time to finetune client websites!)— Old links should still work (well, most of them, anyway) and I’ll probably make some URL aliases for the most common broken ones. Some of the things which I noticed while working with Drupal.

Comments closed (8 total) |

Written at 17:15, on Friday 7 October 2005. Tags: accessibility usability webdesign website .

This is just a collection of hacks I’ve implemented for my Textpattern installation, and a note on update management..

Comments closed |

Written at 16:51, on Tuesday 30 August 2005. Tags: accessibility webdesign website .

Garret wrote about his Textpattern hacks quite some time ago. One which I’m surprised which wasn’t integrated into the recently released first stable version, aptly named version 4 yet is that there are no <label> tags for the comment form. Adding these in the presentation comment form is trivial, of course, but then your site won’t validate anymore because Textpattern doesn’t automatically generate the id parameter for the form elements. And as everyone knows, the reason for this is that it provides an explicit association to the form control for assistive technologies. For example, a screen reader will read the associated label for a particular form element if it has been marked up with a label.

So, how do you add <label> tags for the comment form while still keeping your site validated? Here’s how.

Comments closed (2 total) |

From the portfolio

  • Gebruikstarief web applicatie

About this website

My name is Jeroen Coumans, I'm a freelance web designer, front-end developer and Drupal ninja from the Netherlands. I love to create beautiful, usable and accessible websites. On this website, you can find my portfolio as well as my personal weblog. Interested in hiring me? I'd love to hear from you.

After completing my BA in Arts and Culture I'm now doing a MA in Communication and Multimedia Design. More …

Elsewhere

Designing with data

This article echoes my current thinking on design: "So, IDP (Information Design Prioritisation). Take the elements that are required on a page then decide what takes priority and score the different elements depending on how essential they really are to the user experience. If you’re redesigning a site and using the same information; use Analytics results to see where users are clicking the most and eye-tracking tests to decipher their routes and the hot spots on the page." It's too bad that this article provides the why, but doesn't provide the how.

Add comment | Visit site …

Neuromarketing troefkaart voor structuralisten

(dutch). Een alarmerende kijk op neuromarketing, een nieuwe manier om reclame te maken door transparante beeldmerken met de video te vermengen.

Add comment | Visit site …

Drupal.org, Design Iterations, and Designing in the open

Some preliminary lessons on Design by Community, by lead designer Mark Boulton. Interestingly, the first prototypes were not at all what I expected (honestly, I thought they sucked), but by putting them out in the open as soon as possible, and watching trends in feedback, further iterations (especially the last one) are really good. Lets hope this can serve as an inspiration for further Open Source design methodology (and beat Wordpress in creating a kick-ass administrative interface through an open process).

Add comment | Visit site …

Webapp Death Match: Google vs. Apple

Nice comparison, which raises the obvious question: should web apps look, feel and behave like web sites (a la Gmail) or should they look, feel and behave like desktop apps (a la Mobile Me)? It's too bad that by looking at two extremes, the article can't reach the more obvious conclusion, which is: it depends (on the context, goals, users, brand etc).

Add comment | Visit site …

45 Beautiful 3D Typography Designs For Inspiration

Some examples really are beautiful

Add comment | (1 comments) Visit site …

Interpersonal Divide

"nterpersonal Divide, which won the Clifford G. Christians Award for research in media ethics, documents how long-standing theories—including ones by Marshall McLuhan—no longer hold in the wake of new media and technology. Rather than extending the human senses, as McLuhan believed, Bugeja documents how media and technology split consciousness and diminish the senses, placing users in virtual environments at odds with physical ones. " Via @nielshendriks.

Add comment | Visit site …

A Smarter MAMP

Combining Apache's Virtual Hosts and installing a DNS server to simplify website development.

Add comment | Visit site …

Google Analytics Releases Advanced Segmentation!!

A great post detailing how to make use of this: "Along the way I’ll share three different segments that you must have in your web analytics tool. Regardless of why your website exists or what tool you use, Google Analytics or an alternative. I’ll close with a approach you can use to get answers to your ad-hoc questions / queries faster, in mere minutes rather than days."

Add comment | Visit site …

More Enterprise-Class Features Added To Google Analytics

Still waiting to try them out, localized versions always lag behind.

Add comment | Visit site …

Putting Anti-Poverty Activists on the Map

"…we were able to leverage other work we’ve done with Mapnik and Drupal to quickly create maps that show off this global participation in an intuitive and eye-catching manner on StandAgainstPoverty.org for the United Nations Millennium Campaign."

Add comment | Visit site …

Subscribe

Or choose one of the single feeds:
Journal feed | Elsewhere feed