Neue Methode für Textarea Autoresize
1. November 2011
Neue interessante Methode, um eine Textarea zu erzeugen, die ihre Höhe automatisch dem Inhalt anpasst:
http://www.alistapart.com/articles/expanding-text-areas-made-elegant/
Google gibt seine Font API frei
19. Mai 2010
Google hat heute seine WebFont API und sein Font Verzeichnis freigegeben.
Damit lassen sich einfach beliebige Schritarten in die eigene Seite einbinden.
Ein kleines Beispiel:
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<style>
body {
font-family: 'Lobster', serif;
font-size: 32px;
text-shadow: 4px 4px 4px #aaa;
}
.rot {
-moz-transform:rotate(-25deg);
}
</style>
</link></head>
<body>
<h1>sabel's blog!</h1>
<h1 class="rot">sabel's blog!</h1>
</body>
</html>
ergibt:
Google erklärt auch, was es da genau macht.
Außerdem gibts noch ne JavaScript-Lib dazu.
Nette Geschichte, mal sehen ob sich das durchsetzt.
overflow:auto, position:relative und der IE
18. April 2008
Hiho,
grad mal wieder über einen CSS-Fehler im IE 6 gestoßen.
Will man, dass ein Element bei Bedarf scrollt, verwendet man in der Regel overflow: auto.
Das funktioniert soweit ganz gut. Allerdings nur, solange das Element keine Kinderelemente enthält, welche die Eigenschaft position:relative besitzen. Ist dies der Fall tritt beim IE6 (vermutlich auch beim IE5.X) ein Fehler auf und der Inhalt tritt aus dem Container-Element heraus.
#container {
height: 20px;
overflow: auto;
}
li {
position: relative;
}
<div id="container">
<ul>
<li>Listeneintrag</li>
</ul>
</div>
Abhilfe schafft hier ein simples position: relative im Container-Element.
So einfach ist die Lösung, man muss es nur wissen ;)
Die 10 besten CSS-Hacks
19. Februar 2008
Tach,
habe gerade eine kleine, aber feine Sammlung von aktuellen CSS-Hacks gefunden.
Schaut mal rein, das eine oder andere Nützliche ist dabei.