Concept 27

With this script one can analyse the colors used in a picture. The script works with 3 basic functions. The function scale is used to decrease the maximum number of different colors (256Rx256Gx256B=16,7million) to a more practical maximum of 64 colors (4Rx4Gx4B). This eases the comparison of output data for different pictures (it has no effect on parse time) The function getcolor returns the color for the requested coordinate in the image. The function colors is the basic loop that uses the function getcolor for all coordinates in the image. By using the output variables one can perform a variery of calculations and show the results in any layout. My system (Intel Centrino 1,66GHz en 2,5GB memory) with XAMPP versie 1.5.3a needs 1 second for 96x144 pixels (13.824pixels), 5 seconds for 320x480 pixels (153.600pixels) and 69 seconds for 2032x1524pixels (3.096.768pixels).

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 203kB
• Browser compatibility: IE, Opera, Mozilla, Safari
• Hyperlink: concepts/c27/index.php
• Download: download full package

Concept 26

A modernistic page With straight-forward design and basic color use.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 28.6kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c26/c26.htm

Concept 25

I took this concept out of the "old box" I have on my desktop. This is the box where I put the designs I'm not happy about. Though, this design repeatedly got my attention. So I diceded to give it the extra's it needed to get published. I'm still not happy, but lets call this an emotional decision.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 266kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c25/c25.htm

Concept 24

A demonstration of what can be done with Portable Network Graphics (PNG) transparency. Portable Network Graphics has great specs for a webdesigner: it supports gamma correction, smaller file sizes than GIF, loss-less compression, up to 48-bit color, and alpha transparency. Most modern browsers support alpha transparency with PNG, namely: Netscape, Opera and Mozilla. You are problably thinking: "what about IE?" Internet Explorer does display a PNG, but it does not support alpha transparency.

Internet Explorer 5.5+ does support a variety of visual filters that can be applied to several objects, like image's. When used to display a PNG, it allows full alpha transparency support. Thus, although not all bowsers will understand the code just as well, this simple hack enables one to make PNG work in all browsers.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 259kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c24/c24.htm

Concept 23

A small tool I programmed in JavaScript. This tool can help you calculate the time needed to run a certain amount of cycles at a given frequency. I use it to calculate the time needed to perform a fatigue test with the tensile test machine at the university.

• Document Type Definition: HTML4.01-TransDTD
• Total size: 3,63kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c23/c23.htm

Concept 22

When I was working on the Javascript driven photo album project, as described under concept 19, I also started working on a fully PHP driven photo album. Administrators can easily upload photos to the root folder. The script automatically generates a main overview and navigation. It also requires visitors to login before they can enter the photo album. Therefore they need to follow a very simple registration process, only once. To finish the registration process a secret word is required. This is a feature that enables you to permit only a select group of people to access your photo album. People can ask for the secret word by email. A working demonstration version is available and can be requested by email.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 1.97mB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c22/index.html

Concept 21

Just another experiment to excite my JavaScript skills. The website is mainly about a complete JavaScript webshop, but also contains a formcheck script. I advise you to check out the shop source code. It is a pleasure to look at.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 417kB
• Browser compatibility: IE, Opera, Mozilla compatible
• Hyperlink: concepts/c21/c21.htm

Concept 20

A website that clearly does not have any purpouse at all. Its just another coffee break miracle. Very interesting, however, is that different browsers show remarkable different behaviour in handling only few marquees and simple javascripts.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 133kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c20/c20.htm

Concept 19

This website aims to develop a simple Javascript program to generate source codes for internet fotoalbums. This means that you can also help me out! If your interested in a PHP driven photoalbum, check out concept 22.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 33,7kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c19/c19.htm

Concept 18

Yesterday I was reading just another (pressed) computer magazine. They were discussing a simple freeware program to calculate how much your monthly savings would be, by the time you retire. It was obvious that they were not really enthousiastic, so I started programming straightaway.

• Document Type Definition: HTML4.01-StrictDTD
• Total size: 5,85kB
• Browser compatibility: IE, Opera, Mozilla compatible
• Hyperlink: concepts/c18/c18.htm

Concept 17

While studying a tough biology book I found some time to write a small program in Javascript. This program gave me the ability to get a clear view of what should be done on each day.

• Document Type Definition: HTML4.01-StrictDTD
• Total size: 9.83kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c17/c17.htm

Concept 16

Absolute positioning... I keep finding it a big challenge. In every browser it keeps showing different results. Secondly this concept shows the magic done by style sheets. The xhtml is almost the same as the previous ones, like concepts 15, 13 and 10.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 42.4kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c16/c16.htm

Concept 15

Again my good friend Fernando is the inspiration for a website. He made a wonderfull picture, while sitting in a bar. The exposure time of the picture was somewhat around 6 seconds, resulting in very nice effect.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 67.7kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c15/c15.htm

Concept 14

Finding a balance between contrast and design. The background was meant to be used in a Japanese theme. But it looks better here, or not? The Glish picture makes the page complete.

• Document Type Definition: HTML4.01-StrictDTD
• Total size: 49.7kB
• Browser compatibility: IE, (Opera), Mozilla
• Hyperlink: concepts/c14/c14.htm

Concept 13

My friend Fernando visited London a few weeks ago. He showed me some beautiful pictures. His beautiful picture of the big Ben was even reason enough to make a website about it.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 57.2kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c13/c13.htm

Concept 12

Browsing fonts in Paint Shop sometimes can be very inspiring. While walking into this snowy font, I thought about the lack on ice this winter. Result: a simple though fresh design.

• Document Type Definition: HTML4.01-TransDTD
• Total size: 60.7kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c12/c12.htm

Concept 11

Thinking of the days I lived in the beautiful Zutphen I made this website. A website, not very high-tech, though it shows some nice spots in Zutphen you have to see.

• Document Type Definition: HTML4.01-StrictDTD
• Total size: 75.5kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c11/c11.htm

Concept 10

While the view from the train looks the same every day, for over three years now, more and more I start making things just to pass the time. Following concept is made from Groningen central station to Buitenpost, approximately 20 minutes. Don't like the looks of it... think about the twenty minutes. Still don't like it... learn to live with it.

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 85.4kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c10/c10.htm

Concept 9

Playing around with absolute and fixed positioning the following website was created. Does it look familiar? Think again... it has the same foundation as the FruitKICK! concept. Again, I kept it quite simple. Backgrounds are positioned in a way you might think is a bit chicken, but it does the job perfectly!

• Document Type Definition: XHTML1.0-StrictDTD
• Total size: 27.3kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c9/c9.htm

Concept 8

Thinking back to the days when I spent days working on experimental javascripts I decided to make a website that would contain some of these scripts. Eventually I kept it quite simple. The background started as 3 different images, but due to large differences in Opera and Mozilla they were merged to one. It also uncovers some strange behavior of Internet Explorer. After resizing the popup to full screen (F11) the settings of the popup get different with respect to the resizability features.

A nice feature that is integrated in this website, is a script that checks whether the popup was loaded succesfully or not. If the popup is loaded succesfully the opener.document is changed to a goodbye page. If something went wrong in loading the popup, the opener.document is changed to a frameset containing the popup content. From all browsers only Opera does'nt get the trick, ending up with two windows showing the website.

• Document Type Definition: HTML4.01-TransDTD
• Total size: 149kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c8/c8.htm

Concept 7

A website about FruitKICK! (an imaginairy product). The website has a nice a:hover-span construction, furthermore I played around with negative margins.

• Document Type Definition: HTML4.01-TransDTD
• Total size: 50.4kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c7/c7.htm

Concept 6

What are the differences between Iframe and DIVs that use overflow? And how much effort has to be done to make them look the same? Opera is the only browser that refuses to give a nice result. IE and Phoenix look almost the same.

• Document Type Definition: HTML4.01-TransDTD
• Total size: 8.44kB
• Browser compatibility: IE, Mozilla
• Hyperlink: concepts/c6/c6.htm

Concept 5

Creating a visitor friendly environment, could be helped by allowing them to choose from different lay-outs.

• Document Type Definition: HTML4.01-StrictDTD
• Total size: 13.7kB
• Browser compatibility: IE, Mozilla
• Hyperlink: concepts/c5/c5.htm

Concept 4

How many alternative stylesheets can a person think of? Well I did my best to think of some... I have to pay some more attention to the .CSS up to now it is only compatible with IE.

• Document Type Definition: HTML4.01-StrictDTD
• Total size: 22.5kB
• Browser compatibility: IE
• Hyperlink: concepts/c4/c4.htm

Concept 3

Looking for a way to use Javascript in making simple questionairs, to help teachers. Big problem is: how do you get the code in a seperate file without making use of PHP or ASP?

• Document Type Definition: none
• Total size: 22.8kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c3/c3.htm

Concept 2

Finding borders of what looks nice and what doesn't when using liquid columns. And... no, I do not know who the girl on the background is.

• Document Type Definition: none
• Total size: 37.1kB
• Browser compatibility: IE, (Opera), Mozilla
• Hyperlink: concepts/c2/c2.htm

Concept 1

Trying to create an original and still clear layout for travel log. Furthermore, trying to find a way to create that nice border around the introduction text on top of the page.

• Document Type Definition: HTML4.01-StrictDTD
• Total size: 25.8kB
• Browser compatibility: IE, Opera, Mozilla
• Hyperlink: concepts/c1/c1.htm