Für alle die eine simple Newsbox für ihre Website benötigen, gibts nun die CSS3 Easy Newsbox. Die Box benötigt kein Javascript (no Javascript) & funktioniert in sämtlichen Browsern.
Je nach Browser werden manchmal Schatten, Verläufe oder Rundungen ignoriert – im Endeffekt sieht es aber in allen Browsern noch ok aus.…
Für alle die mal gerne eine etwas andere Photogallery benötigen, hab ich ein kleines CSS3 & jQuery Beispiel gebastelt – eine Polaroid Gallery die prinzipiell in allen Browsern funktioniert – die CSS3 Eigenschaften funktionieren natürlich nur in den neueren Browsern wie Firefox, Chrome und Safari. Die Photos lassen sich beliebig …
weiterlesenMit der CSS3 Property transform (translate & rotate) und transition kann man ganz einfach simple Animationen erstellen. Derzeit funktioniert dies allerdings nur in der aktuellen Safari und Chrome Version. Hier nun ein ganz einfaches Beispiel einer kleinen Auto Animation…2 Bilder und ein bisschen CSS3 und schon fährt das Auto.
Example
…weiterlesenMit CSS3 ist/wird das Leben um ein vielfaches einfacher. Schatten, Abrundungen, Rotationen und vieles mehr lassen sich bequem ohne Bilder realisieren. Auch die Klassen/ID Bezeichnungen können aufgrund der Vielzahl neuer CSS Selektoren auf ein absolutes minimum reduziert werden. Hier ein kleines Beispiel einer Sprachauswahl, das derzeit nur in Firefox, Chrome …
weiterlesenGoogle bietet einem die Möglichkeit das Google Map Interface mit eigenen Karten oder Bildern zu nutzen. So kann man eine eigene Karten in eine bestehende GoogleMap einsetzen oder lediglich das Interface mit einer komplett eigenen Karte nutzen. Heute zeig ich euch mal die zweite, etwas einfachere Variante.
Für das Beispiel …
weiterlesenWenn man in einer Tabelle abwechselnde Farben einsetzen möchte und keine Möglichkeit hat mit PHP etc. CSS klassen zu setzen, ist der einfachste Weg dies mit jQuery zu tun. Mit folgender Zeile erhält jedes ungerade tr element eine CSS Klasse zugewiesen – egal wie lang oder kurz die Tabelle ist.…
weiterlesenA pure and free to use CSS “Step by Step” Progress Bar for all CSS Junkies out there. There is no limit of steps, just add another li tag and adjust the witdh in the css li part.
Example
Tested in
IE6, IE7, weiterlesen
Jürgen Koller
Autor, Blogger, Träumer"Das Gestern ist fort - das Morgen nicht da. Leb' also heute!"
mehr Infos