TimeWaster’s Place

This is very much the first project i have done out of curiosity instead of boredom:

An HTML 5 video player with a nice tile repeation effect.

It is mostly a performance test for HTML5’s new Video and Canvas tags allowing you to manipulate pictures and other picture related sources like videos in real time with nothing more than HTML and Javascript!

YES, NO FLASH IS INVOLVED!!!

Please don’t get me wrong: I really like Flash and it will never die, that’s because it can do much more application like things than HTML5 (for instance: A real time Sequencer and Synthesizer or a complete Picture Editing Suite).

But seeing done such monitor filling animations in HTML5 is really nice.

So check it out and enjoy a whole new video experience on Viiideeeooo.de!

3 years ago, i made out of boredom (As always) a design project for Doom 3, which was realeased this time:

It took me about 6 weeks to finish this picture, the rust effect alone took me nearly 3 weeks of after-work work, where i tried to make a believable rust out of image filters. That was a lot of try-and-error.
To find some nice grunge brushes to make the scratch effekt was the easier todo.
In general the whole picture is made out of filters, the only “external things” i used in it are the grunge brushes and the logo outline.
I really like the color bleeding effekt from the rust and the logo itself, it makes the picture much more believable, and the layer blend option “color burn” is perfect for this kind of effekt.
The “peeled off” paint effekt is another chapter, in general this was made of a noise effekt, a havy blur, a treshhold filter with 2 colors, and some bevel and emboss effects.
Here you can see a 100% size cutout of the picture to estimate the image quality:

And as always, all my work i publish here is published under the GPL http://www.opensource.org/licenses/gpl-license.php which means you can copy, redistribute and change the picture at your will, as long as you mention me as the original author and as long you don’t sell the picture.

A word to the Download: The .tiff picture you can download is 10 MB and 3310×2338 pixels in size, and was originally made to be printed in “DIN A1″ with 100 DPI (You can send this picture to a printing service, and in DIN A1 it will look perfect). Theres a sRGB profile included because i have no professional pre-press experience, so the colors could be somehow “wrong” on a printout, but not much, my DIN A1 printout looks fine. I’m sure a professional can corect the colors on his own.

Download the Picture (10 MB)

Bugfix Release v1.1 is available! For more info’s take a look at the end of this article.

YAST (Yet Another Standard Theme) is a good looking kubrik compliant theme for Wordpress.

You are looking at it RIGHT NOW!

It is not only good looking, the additional features are really nice:

• Customizable head area
• Customizable background colors
• Ability to switch the menu right or left handed
• The images are only 14.1 KB in size, including the head image!
• Out of the box localized with the following languages:
  • bg_BG
  • ca
  • da_DK
  • de_DE
  • es_ES
  • fa_IR
  • fr_FR
  • hu_HU
  • id_ID
  • it_IT
  • ja
  • ko_KR
  • lv
  • ms_MY
  • pt_BR
  • pt_PT
  • ru_RU
  • sr_RS
  • sv_SE
  • ta_IN
  • zh_CN

But i won’t conceal that there’s a handicap: It WILL look ugly in MS-IE 6.0 and under. That’s because MS-IE 6.0 is giving a shit about W3C compliant programming. With MS-IE 7.0 and above everything looks good.

Do you want to know what this theme looks like in other colors?

Ok, try this: Red, Green, Blue, Yellow, Cyan, Magenta (this doesn’t work correctly in IE, please use Firefox or Opera instead)
You can set any color you whish, just follow the steps beneath.

How do i customize it?
Its easy:

• For the head area, simply replace the file /yast/img/logo.jpg with a jpg of your choice, it should be 810 by 134 pixels in size, if it’s smaller it will be tiled, if it’s bigger some areas aren’t shown and a waste of traffic.
• For the background colors (you see them in blue here) edit this file at the end (there will be more instructions there): /yast/style.css
• To switch the menu to the left side, edit this file at the end (there will be more instructions there): /yast/style.css
• to change the background tile, simply replace the file /yast/img/bg.png with a png of your choice.
• If you want this theme in your native language, you have to be sure to set the “define (‘WPLANG’, ”);” directive in your wp-config.php correctly (e.g. “define (‘WPLANG’, ‘de_DE’);” for german).

How do i install it?

1. Download the .zip and copy it to your /wp-content/themes/ directory
2. Unzip it
3. Go to your WordPress admin area and to the “Design” area
4. Click on the link pronouncing “YAST (Yet Another Standard Theme)”, afterwards klick the link on the upper right corner of the popup.

That’s it! Have fun!

Download: YAST Theme For WordPress v1.1

The CSS, XHTML and design is released under GPL license.

The Update from v1.0 to v1.1 is a bugfix release only.
Release notes:

- Fixed a bug causing the document not to be valid XHTML 1.0 Transitional.
- Fixed a bug causing the layout to crash if the “search widget” is used instead of the standard menu.

The updated files are: style.css, index.php, search.php, single.php, functions.php and searchform.php.
Updaters have to replace this files only.