CSS, or Cascading Style Sheets, is a technical recommendation from the World Wide Web Consortium that describes how websites can be presented. Although it is meant as a standard, each browser has its own subset which it implements, and its own quirks. This can make it quite a challenge to properly write it. Here you'll find some projects where I (also) created the CSS.
Of course, as webdesigner one of the most grateful, time-consuming and challenging pieces is one’s own website. I’ve gone through quite a few iterations, as you can see here. I tried to learn from my mistakes in each version, incorporating new insights, techniques and of course changing requirements. I’ve always tried to experiment with various colour schemes, layout variations and typography, in varying degrees of succes. Still, each version is a reflection of my best capabilities as web designer at certain points in time.
Services: Design | CSS | Drupal | Theme | Javascript |
For the very active and passionate Psychonaut community I created this Mambo theme, which drives the Mambo installation, an integrated MediaWiki and the Forum.
Services: CSS | Theme | Mambo |
Voor de module Experimental Media moesten we een project maken waarin we experimenteren met media met als onderwerp journalistiek en tuinkabouters in Genk. We hebben een concept ontwikkeld waarmee mensen via hun mobiel routes kunnen aflopen in de stad waar tuinkabouters te vinden zijn. Bij sommige van deze ‘kabouterspots’ zijn ludieke opdrachten uit te voeren. Mensen kunnen zelf foto’s en video’s maken van hun uitwerking of rapportage hiervan en deze insturen. Bovendien kunnen mensen ook zelf ludieke opdrachten verzinnen en insturen. Deze worden allemaal verzameld en gepubliceerd, waarna mensen deze kunnen beoordelen. Het doel is dat er een levendige gemeenschap ontstaat van actieve kabouterspotters, mensen die een incidentele rapportage maken, en bezoekers die de stad willen ontdekken. Vanwege de geografische afhankelijkheid van dit concept is de belangrijkste interface de kaart.
Read the casestudy …
Services: Design | CSS | HTML / XHTML | Javascript |
Voor de module Creative Design heb ik ervoor gekozen om een website van de nederlandse politie te herconceptualiseren. Deze website, http://politieonderzoeken.nl/, is bedoeld om de politie te helpen bij openstaande onderzoeken. Ik vond het design oppervlakkig, koud en niet engagerend. Mijn aanpak probeert meer sympathie voor het slachtoffer te creëren, het publiek actief te engageren bij het onderzoek, en het meer toegankelijk te maken door gebruik te maken van HTML, CSS en Javascript.
Read the casestudy …
Services: Design | CSS | HTML / XHTML | Javascript |
Concentra is one of the largest Belgian media publishing agencies, with several newspapers and websites. To experiment with citizen journalism and user-generated content, the idea of a ‘going out’ website was born. In a collaboration with the Media & Design Acadamy, students were asked to create a visual design for this website. My contribution was selected as the basis for the website, and together with some students we worked out several pages in Photoshop that demonstrated all the required functionality.
After that, the design was delivered to a third-party ISV, who would create templates of it for their CMS. I worked out personas and scenarios for usability testing, but unfortunately, the ISV had many technical difficulties. After much delay, the newspaper editors decided that it wasn’t worth the effort and canceled the project entirely.
Services: Design | CSS | HTML / XHTML |
Another project in which I collaborated with Henk Baetsen of Squad Graphic & Web design. I created HTML and CSS templates for his design, and implemented a jQuery-based slide-out menu, which were delivered to a third-party who created the CMS.
Services: CSS | Javascript |
This mini-website was created for a graphic design course at C-MD. It was mostly meant as an introduction to Photoshop, but I went a bit overboard and used the Mootools Javascript library to add an image gallery.
The main goal of the assignment was to originally depict an artist or art period, making creative use of foreground and background. At the time I was still trying to read Gödel, Escher and Bach, so I thought it would be fun to use Escher. He created a lot of lithos and drawings so the paper backgorund would be a good fit for his drawings. I integrated his work into this. Another part of the assignment was to use a repeating background, which is a very thankful job since Escher’s work is much about repeating and recursivity.
Unfortunately, I didn’t succeed in integrating the navigation arrows into the design, so they look as if they don’t quite belong there.
Services: Design | CSS | HTML / XHTML | Javascript |
Interaction and visual design for the Libersy Booking application (which was then still called Justbookit Agenda). Although the visual design has been updated and revised multiple times, the interaction design is still mostly used.
Services: CSS | HTML / XHTML | Ruby on Rails |
For every good that is imported, the Dutch tax office requires you to pay taxes (in Dutch, the tax office is called the “Belastingdienst”, which literally means “tax service“, oddly enough). These taxes vary wildly based on the sort of good, the amount, land of origin etc. To make the process of searching and selecting the right tariffs, a project was started to create a web application of this giant catalogue. The result is the HBI (“Heffingen bij invoer”) application, for which I created most of the CSS. This being a governement website, it had to adhere to the most strict technical standards.
Services: CSS |
Interaction-design, HTML, CSS and Javascript of the Kinderrijk website and Intranet. Since this would be built completely in CakePHP, I used a block-based system for the HTML wireframes in which functionality was compartementalised in small PHP files that are included when necessary. This made it a very flexible system that was easy to built and maintain.
Services: Design | CSS | HTML / XHTML |
Visual design and Ruby on Rails views for a webbased e-portfolio for teaches Dutch as strange language. The design brief required the combined use of the house style of both the Steunpunt NVT as the Nederlandse Taalunie.
Services: Design | CSS | Ruby on Rails |
I built the Moulin Blues festival website in Drupal, which allows the oganizers to maintain it themselves. Thanks to clever use of CSS, it’s possible to easily update the design to the new visual theme each year, which is created by Henk Baetsen
Read the journal entry
Services: CSS | HTML / XHTML | Drupal | Theme | Javascript |
