Mon, 28/07/2008 - 12:35pm.
Mon, 28/07/2008 - 12:35pm.
Mon, 28/07/2008 - 11:55am.
(dutch) " In een reeks van vijf afleveringen zal ik aan de hand van concrete voorbeelden demonstreren hoe je tich meer uit je data kunt halen. In aflevering een: hoe te beginnen met web analytics?"
Mon, 21/07/2008 - 1:57pm.
I like using smart CSS names to keep my CSS DRY (Don’t Repeat Yourself). Using presentational class names (such as "horizontal", "left", "right") makes it very easy to quickly create complicated structures.
Mon, 21/07/2008 - 1:53pm.
"Create your own heat maps using HeatMapAPI. Use it over the Internet or as a .NET DLL to run in your environment. Integrate heat map images into Google Maps or other GIS systems."
Mon, 21/07/2008 - 1:41pm.
Display a customized tooltip instead of the default one for every selected element. Replacing standard tooltips is easy: Just include the script on the page, add a stylesheet, select the elements to tooltip and call the tooltip plugin.
Mon, 21/07/2008 - 1:38pm.
Just like the Coda-slider, this jQuery plugin transforms a series of divs into horizontally sliding content.
Thu, 17/07/2008 - 1:30pm.
This looks like an interesting interaction design concept: the slot machine metaphor is used for selection variables, while shaking your iPhone will show you the results. Nifty!
Thu, 17/07/2008 - 1:27pm.
Fri, 04/07/2008 - 1:07pm.
(dutch) "Het is volgens McGovern voor de overheid belangrijk niet geobsedeerd te raken door technologie en de focus te leggen op het helpen van gebruikers om hun taken te realiseren. De overheid moet zich niet bezighouden met het managen van websites en s
Fri, 04/07/2008 - 1:00pm.
"Softkinetic is using 3D cameras to track your movement and converts it to similar movements in a virtual space. If you need to jump over an obstacle you simply jump, if you want to reach out for something, you simply do that."
Fri, 04/07/2008 - 11:10am.
Apparantly, one axis upon which Google measures the complexity of its homepage is in the number of words featured on it.
Wed, 02/07/2008 - 7:54am.
Another zooming & panning interface for a subselection of the Amazon bookstore. Controls are very much like Google Maps (and seems to be implemented using the Open Source variants thereof).
Tue, 01/07/2008 - 8:49am.
Google now extracts text and links for Flash (SWF) websites. I wonder what the consequences are for websites with an HTML version, since that’s technically duplicate content…
Tue, 01/07/2008 - 8:39am.
Some very useful tips for those old-style dudes still working in a terminal from time to time (like me, when I’m configuring a Linux server, or need so quick & dirty hacks on my Mac).
Tue, 01/07/2008 - 8:30am.
A (slightly outdated) article on the necessities of navigation on websites. General advice: however cool your navigation is, it would be better if there was less of it.
Sat, 28/06/2008 - 12:13pm.
(Dutch) "Mediamatic geeft al haar boeken weg. We roepen het publiek op de hele boekencollectie te komen halen en zelf goed voor het culturele kapitaal te gaan zorgen. Mediamatic kan dat niet langer alleen."
Sat, 28/06/2008 - 11:57am.
I knew I wasn’t the only one using this technique! Although you could argue classes such as .left or .left are purely visual and unsemantic, they can be used in addition to semantic names.
Fri, 27/06/2008 - 11:21am.
Excellent article with some common best-practices to prevent some of the most annoying cross-browser compatibility problems.
Fri, 27/06/2008 - 9:43am.
Paper prototypes of various websites, like Flickr, Twitter and Vimeo. Very cool!
Fri, 27/06/2008 - 9:28am.
whoisi.com seems like a nice twist on the focus of social networking sites on accounts instead of people by providing wiki-style adding of feeds.
Tue, 24/06/2008 - 12:43pm.
"Migrating changes from development to production is particularly tricky in Drupal due to a large amount of configuration settings being stored within the database." These scripts provide an automated answer though.
Mon, 23/06/2008 - 3:19pm.
A very nice rant-like article on the perceptons of social media by a 50-year old who compares it to the closeness and touchiness of the hippy-era – "I’m 50 years old. I get the whole social media gig. It’s like Woodstock on the ‘Net, where people ga
Mon, 23/06/2008 - 3:16pm.
A Firefox wrapper that lets you launch a particular Firefox version with a (dedicated) profile (Mac-only). Takes the pain out of the manual launching of Firefox X with profile Y!
Sat, 21/06/2008 - 1:25pm.
Nice (Dutch) post on how to leverage Google Trends to use the correct keywords for search engine optimization.
Wed, 18/06/2008 - 8:18am.
Use this module to insert language prefixes in pathauto. This will allow unique (language-specific) nodes and language-neutral nodes.
Wed, 18/06/2008 - 7:56am.
A proposal for adding the href (and related) attributes to a lot more elements in HTML5, to provide easy linking. This document adds use cases and discusses pro’s and cons. Very interesting since it touches the very core of the Web.
Wed, 18/06/2008 - 7:53am.
Podipodi is Quicksilver or Enso for websites: "a special widget that makes possible the integration of a smart command line interface and a bunch of additional services directly into your website to perform common web-tasks."
Wed, 18/06/2008 - 7:48am.
The runner-ups for the webby’s this year for navigation (Schematic.com and Blenderbox.com) feature some interesting zoomable interfaces.
Wed, 18/06/2008 - 7:37am.
"I don’t think I’ve seen reliable research on this, and if I did I think I’d be suspicious of it anyway as the complexity of the issue isn’t about number, but about complexity of concept."
Wed, 18/06/2008 - 7:28am.
"There are two popular approaches to positioning with CSS: float and absolute positioning. Both approaches have their pros and cons. My teammates and I have developed a new positioning approach that gives us the best of both worlds"
Fri, 13/06/2008 - 3:00pm.
There are many contributed node access control modules for Drupal and you really should understand the basics of node access before installing and configuring one. Read this article for a non-developers guide.
Thu, 12/06/2008 - 11:41am.
"This tutorial focuses on the big picture steps taken to create this image. You’ll learn some incredible techniques in this tutorial, and get a view into how Nik Ainley creates beautiful photo-manipulation based images."
Wed, 11/06/2008 - 8:06am.
Yahoo has expanded its Design Pattern Library to also include social interaction design patterns. This one’s for reputation. One could easily see patterns for all kinds of aspects of social networking sites (would be a nice research subject for a master s
Tue, 10/06/2008 - 2:36pm.
"ThemeRoller is a web app that offers a fun and intuitive interface for designing and downloading custom themes for jQuery UI."
Tue, 10/06/2008 - 2:36pm.
Details on the new release for jQuery UI, which includes widgets and animations for web applications. Too bad the demo’s work poorly in Safari.
Sun, 08/06/2008 - 1:29pm.
"The search and views modules can be glued together and made to cooperate using the views fastsearch module. In this article I show how to build a search form that has filters for taxonomy terms and content types."
Sun, 08/06/2008 - 1:27pm.
This Drupal module (first beta is now out) provides a GUI for pushing data and content from your development server to the production server. No support for node deployment yet though…
Sun, 08/06/2008 - 1:21pm.
Cool mashup prototype that mixes the SIMILE Timeline component with Twitter using jQuery.
Sun, 08/06/2008 - 1:16pm.
Beautiful wallpapers that mix nature and design in creative ways.
Sun, 08/06/2008 - 10:55am.
Some great (photoshopped) photographs of Dutch soccer heroes.
Sat, 07/06/2008 - 3:05pm.
“I often get asked–by students, by design professionals in the HCI community–how someone without degrees in literature (etc.) can practice criticism. But for the sake of accessibility, and at the risk of being flamed for attempting to present the practice of criticism in a bullet-list laden blog post, I offer a high-level overview of what (I think) interaction criticism looks like. “
Sat, 07/06/2008 - 2:03pm.
"This post will offer much more concrete, do-it-yourself strategies that I believe anyone could start doing today."
Sat, 07/06/2008 - 2:02pm.
“This post continues a multi-part series on interaction criticism begun here. The series goal is to offer a useful introduction to criticism in the context of interaction design, targeted at interaction design professionals.”
Sat, 07/06/2008 - 1:42pm.
A great example of how an interactive chart can provide much more information in a coincise manner than traditional reporting. There’s lots of information here, showing clear relationships between age, gender and colour in voting trends, without losing some subtler nuances that often get lost presenting statistics.
Sat, 07/06/2008 - 1:37pm.
Yes, a top-ten list, but actually a pretty good one. The examples are beautiful, and the analysis clarifies why they’re so good.
Fri, 06/06/2008 - 2:13pm.
A great write-up of the process that one developer went through in creating a gorgeous website. Using lots of custom modules and some great front-end tricks (e.g. using Flash for transparency effects), the result is nothing short of amazing.
Thu, 05/06/2008 - 3:35pm.
Using the ScrollTo plugin family, this article teaches you how to create a scrolling tab area. It seems quite complicated for such a simple effect, but the result is worth it!
Thu, 05/06/2008 - 3:32pm.
This Drupal theme is based on the Blueprint CSS framework. That means normalized CSS across browsers, strong typograhic defaults and a grid framework for easy custom layouts.
Thu, 05/06/2008 - 3:30pm.
"The Messaging Framework makes use of the API to support SMS as a send method. Add Notifications and you’ll be able to alert users about updated content via SMS. I wanted to quickly show everyone how easy this is to set up."
Thu, 05/06/2008 - 3:26pm.
"Ubercart is an e-commerce suite developed for Drupal. It has been designed with the end user in mind, focusing on usability in three key areas: store configuration, product and catalog creation, and order administration. " 1.0 was released today.
Mon, 02/06/2008 - 4:54pm.
"Gyminee is the premier fitness social network for detailed tracking, online accountability, and motivation." Well-executed Web 2.0 website for health and fitness addicts like myself.
Mon, 02/06/2008 - 11:31am.
I love the birds’ eye perspective on a website. The design here is perfectly executed in a fluid manner (try resizing your browser window).
Mon, 02/06/2008 - 11:29am.
"Lately, I have began experimenting with new ways to navigate a website. In this tutorial I’ll show you how to let the user make use of their keyboard to get around your site."
Mon, 02/06/2008 - 10:42am.
"Adobe is has just launched their version of an online office suite available at Acrobat.com, complete with word processor (Buzzword), web conferencing/whiteboard app (ConnectNow), online file sharing (Share), file storage, (My Files), and PDF converter.
Sat, 31/05/2008 - 10:11am.
Very cool: Moby launches free movie music for non-commercial and non-profit use (smells like a Creative Commons license, although I saw no mention of it anywhere).
Wed, 28/05/2008 - 11:06am.
Excellent essay by Clay Shirky on media changes in the beginning of the 21st century: " But media is actually a triathlon, it ‘s three different events. People like to consume, but they also like to produce, and they like to share."
Wed, 28/05/2008 - 12:23am.
Tue, 27/05/2008 - 8:24am.
Tue, 27/05/2008 - 8:13am.
Another interesting Drupal case study. While the resulting website is pretty simple (an aggregator of various social platforms), it uses some interesting modules to make everything a bit more user-friendly.
Mon, 26/05/2008 - 2:53pm.
Hack to the Drupal simplefeed module which enables it to import feed items with tags, and convert them to a Drupal taxonomy. In an upcoming release of the del.icio.us API, this shouldn’t be necessary anymore, however development seems slow.
Mon, 26/05/2008 - 11:22am.
Using two research groups, one with loyal customers, and one with new users, to discover the perceived value, the communicated value, and the hidden value of your website.
Mon, 26/05/2008 - 11:01am.
"Eureka! Science News just launched – it is a site dedicated to provide the very latest science news, but with a special twist – it is entirely automated!"
Mon, 26/05/2008 - 10:38am.
Mon, 26/05/2008 - 10:34am.
Freely downloadable series of academic articles that explore "…digital technologies that are engines of cultural innovation, from the virtualization of group networks and social identities to the digital convergence of textural and audio-visual media."
Mon, 26/05/2008 - 10:31am.
Nice showcase: "This site makes extensive use of Panels 2, Views, ImageCache, and CCK content types/fields to create a highly functional site without much custom development."
Mon, 26/05/2008 - 10:22am.
Based on the presentation from Yaniv Golan, a throughtful overview of Incentives In Online Social Communities.
Mon, 19/05/2008 - 1:43pm.
"GWAP and the new games – Tag a tune, Squigl, Verbosity, and Matchin, puts von Ahn and his team at Carnegie Mellon by a wide margin at the forefront of tapping into human cycles to do jobs that computers only can solve poorly or not at all. "
Mon, 19/05/2008 - 1:40pm.
I like the idea of paths, but the explanation makes it sound more like a task-based approach to website navigation.
Mon, 19/05/2008 - 1:38pm.
Interesting article on how we find stuff in shops through manoeuvring: "a broad surveying gaze which is used to move around objects, which acknowledges objects but does not engage in any depth with them."
Mon, 19/05/2008 - 1:34pm.
"Any community—online or off—must start slowly, and be nurtured. You cannot “just add community.” It must be cared for, and hosted; it takes time and people with great communication skills to set the tone and tend the conversation."
Mon, 19/05/2008 - 1:02pm.
"On the average Web page, users have time to read at most 28% of the words during an average visit; 20% is more likely." Have to confess I only read 20% of this article…
Mon, 19/05/2008 - 12:59pm.
Beautiful website, another fine example of the aesthetic appeal of a hand-drawn, personal feel.
Mon, 19/05/2008 - 12:21pm.
Using two views, one for initial content, and a second with an array of all images, which will be dynamically injected into the page on demand.
Mon, 19/05/2008 - 12:09pm.
"In its current (beta) form, Google Doctype contains dozens of articles written by top Googlers on topics important to all web developers: security, performance, caching, DOM manipulation, CSS styling, and more. "
Mon, 19/05/2008 - 12:08pm.
"Google Friend Connect lets you grow traffic by easily adding social features to your website. With just a few snippets of code, you get more people engaging more deeply with your site."
Mon, 19/05/2008 - 12:03pm.
"Much like the patterns in data visualization, designers seek out stories and meaning when crafting interfaces. Well designed sites "convey promptly to the eye" what’s possible, while doing so intuitively as to avoid "requiring mental calculation.""
Mon, 19/05/2008 - 11:59am.
"Our version is optimized for quickly selecting a date from a list of preset dates/ranges, and we added smooth transitions when additional options are revealed."
Mon, 19/05/2008 - 11:50am.
Mon, 19/05/2008 - 11:48am.
"Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects."
Mon, 19/05/2008 - 11:34am.
Wed, 07/05/2008 - 11:22am.
"A sophisticated online collection of about 48 design patterns that describe distinct methods for the display of interactive information graphics, their active behavior as well as the forms of user interaction with them."
Wed, 07/05/2008 - 11:16am.
Wed, 07/05/2008 - 11:14am.
"I think Drupal day was a big hit and a lot of journalists were able to see that they could use open source software to build an online newspaper with Drupal."
Wed, 07/05/2008 - 11:07am.
"(or, ‘Leverage the big CMS and web application frameworks! Only losers start from scratch!)’". Very useful tutorial on using Views and Panels 2 effectively in Drupal.
Wed, 07/05/2008 - 11:03am.
Useful for creating interesting effects without Flash: "This plugin allows you to easily animate any series of elements, by sequentially scrolling them."
Wed, 07/05/2008 - 11:01am.
“Sass is a meta-language on top of CSS that‘s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are useful for creating manageable stylesheets.”
Mon, 05/05/2008 - 11:40am.
"While innovative strides are being taken in online interaction design, there is still a gaping void in making data visualization a useful tool. " It’s not just utility which makes these applications so great though.
Mon, 05/05/2008 - 11:33am.
"A user interface that optimally supports faceted filtering must expose its robust functionality in a way that expresses affordances, controls complexity, and follows existing standards that have been pre-established across the web."
Mon, 05/05/2008 - 11:32am.
Simple step by step guide.
Mon, 05/05/2008 - 11:14am.
Nik Ainley is a rockstar amongst graphic designer, who "shows you how to make a splash, blending two very different images to create this amazing underwater effect, complete with a dissolving figure of a man."
Mon, 05/05/2008 - 11:08am.
Beautiful website, although the giant head is a little off-putting.
Mon, 05/05/2008 - 11:03am.
P2P music sharing integrated with iTunes: "Mojo is music sharing done right. With just two clicks, you are ready to browse, select, and download music from other Mojo users."
Mon, 05/05/2008 - 10:45am.
"The extension provides iDEAL payment integration. Which enables payment procces through an existing Internet banking product."
Thu, 01/05/2008 - 11:38am.
"With the right design strategy you can use this social interaction to get people signing up, coming back regularly, and bringing others into the fold. With tons of examples from real-world interfaces and a touch of the underlying social psychology theory
Wed, 30/04/2008 - 12:23pm.
A Twitter mashup, inspired by We Feel Fine, that shows tweets based on people’s feelings. Very nice, built exclusively with Prototype and Scriptaculous, by Amy Hoy and Thomas Fuchs.
Tue, 29/04/2008 - 12:18pm.
"Character types, modified to account for the effects of social media and related technologies on interaction and communication, and taking into account users’ communication styles, relationship preferences, and sense of self and self image, could be a po
Mon, 28/04/2008 - 3:17pm.
Great introduction to using Google’s WSOT for testing design variations and measuring which one is most succesful.
Mon, 28/04/2008 - 3:12pm.
"WebKit now supports alpha masks in CSS. Masks allow you to overlay the content of a box with a pattern that can be used to knock out portions of that box in the final display. In other words, you can clip to complex shapes based off the alpha of an image
Mon, 28/04/2008 - 3:11pm.
“The first ten percent is active Drupal contributors. How do you grow the tail? You create lots of lightweight tasks for people in the long tail to participate, tasks that can just take a minute."
Mon, 28/04/2008 - 3:09pm.
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 …