Nachdem das C@fé vor kurzem einen kurzen schmerzvollen, aber wenigstens schnellen Tod gestorben ist, lasse ich jetzt auch jo$ blog-o-matic folgen. Die Gründe:
Ich habe einen Platz bei Posterous gefunden, der einfach zuviele Vorteile gegenüber einem Wordpress-Blog auf eigenem Webspace bietet. Zwar habe ich bei Virtu(ell)nwaswirkönnen nicht soviel administrativen Einfluss, wie bei einem selbstgehosteten Blog, aber [...]
Full story »
@font-face {
font-family: Delicious;
src: url(’http://blog.jmatic.eu/Webfonts/Delicious-Roman.otf’) format(”opentype”);
}
.allo {
position: relative;
top: 0px;
width: 480px;
color:#fff;
/* display: inline; */
overflow: hidden;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
float: none;
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
background:#fcfcfc;
}
.allo:hover {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
color: #000;
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
/* beim Schatten scheint man sich zumindest sprachlich [...]
Full story »
via chromium.org
Ich teste jetzt seit einigen Tagen intensiv Chromium. Das ist der OpenSource-Browser, der genau wie Safari und Omniweb auf der sauschnellen Webkit-Engine aufsetzt. Ich muss sagen: Chromium rockt. Er ist erwartungsgemäss schnell, leicht und unterstützt Extensions. Das sind die kleinen Helferlein, die beim Firefox AddOns genannt werden.
Das einzige, was mir [...]
Full story »
@font-face {
font-family: Abscissa;
src: url(’http://blog.jmatic.eu/TTF/Abscissa Bold.ttf’) format(”truetype”);
}
.alli {
position: relative;
top: 0px;
width: 480px;
color:#fff;
/* display: inline; */
overflow: hidden;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
/* for IE */
filter:alpha(opacity=20);
/* CSS3 standard */
opacity:0.2;
float: none;
background-image: url(http://img.skitch.com/20091213-p5bg1fyn7ec9ket679xh1d89cp.jpg);
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
}
.alli:hover {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
color: #000;
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
/* beim Schatten scheint man sich [...]
Full story »
.alle {
position: relative;
top: 0px;
width: 480px;
color:#fff;
/* display: inline; */
overflow: hidden;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
/* for IE */
filter:alpha(opacity=20);
/* CSS3 standard */
opacity:0.2;
float: none;
background-image: url(http://img.skitch.com/20091206-gdc1mquy6w3xwhsmc43ef1w1e.jpg);
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
}
.alle:hover {
-webkit-transform: rotate(-1deg);
-moz-transform: rotate(-1deg);
color: #000;
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1;
/* beim Schatten scheint man sich zumindest sprachlich einig zu sein [...]
Full story »
.all {
position: relative;
top: 0px;
width:480px;
display:block;
overflow:hidden;
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
/* for IE */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5;
float: none;
/* beim Schatten scheint man sich zumindest sprachlich einig zu sein */
-webkit-box-shadow: 5px 5px 15px #999;
-moz-box-shadow: 5px 5px 15px #999;
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
}
.all:hover {
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
color: #000;
/* Aber CSS-Transisitions kann nur Webkit */
-webkit-transition: all 250ms;
/* for IE */
filter:alpha(opacity=100);
/* [...]
Full story »