Musicians

Progression

Yippieh!


Simple 2 columns css

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<style type=”text/css”>
div { border: 1px solid #f00; }
body { text-align:center; }
#container { background:#ddd; width:600px; text-align:left; margin:0 auto; }
#navi_oben { height:200px; background:#0f0; }
#main_left  { background:#333; width: 200px; height:800px; float:left;  }
#main_right { background:#aaa; width: 200px; height:400px; margin-left:250px;  }
#footer { clear:both; background:#f0f; height:20px; }
</style>
</head>
<body>

<div id=”container”>

<div id=”navi_oben”></div>
<div id=”main_left”></div>
<div id=”main_right”></div>
<div id=”footer”></div>

</div>

</body>
</html>

————–

Example


Periodic Table of Elements

A great periodic table – just as you always wanted. Das Periodensystem so wie man es immer wollte.

Periodic Table


Visualhub

Visual Hub

Tool of the day. THX to lik™.


Vectortuts

A site full of nice Vectortuts. Many of them don’t look like »normal Vectorgraphics«.Eine Seite mit Vektorgrafiktutorials. Wobei viele sich angenehmm von der breiten Masse abheben.

Vectortuts


iCarousel

A nice picture utility. Thanks to lik™. Ein ganz hübsches Thumbnail-Werkzeug. Danke an lik™

iCarousel


D

Coders next friend? – D.

D


tutorial blog

Tutorial Blog

No need to say more :D


Favicon

Web 2.0 is us – again. The Favicon Tool in tpyical Web 2.0 look ist just what we (webdesigners) all wanted.

Favicon.cc Header Grfx


collected css snippets

 Stylized Web

Stylized Web hat die wichtigsten sinnvollen CSS Hacks und gute WordPress-Tips

1. Formulare ohne Tabellen

<form>
<label for=”name”>Name</label>
<input id=”name” name=”name”><br>
<label for=”plz”>PLZ</label>
<input id=”plz” name=”plz”><br>
<label for=”stadt”>Stadt</label>
<input id=”stadt” name=”stadt”><br>
</form>

label, input {
display: block;
width: 500px;
float: left;
margin-bottom: 2em;
}

label {
text-align: right;
width: 200px;
padding-right: 20px;
}

br {
clear: left;
}

Fun with forms:

http://www.picment.com/articles/css/funwithforms/