border-radius (runde Ecken) – CSS3 Adventskalender Tag 1

Runde Ecken (border-radius) sind das langersehnte Feature, das CSS lange Zeit gefehlt hat. Zumeist musste man auf Grafiken und abstruse HTML-Konstrukte zurückgreifen um zum gewünschten Ergebnis zu kommen. Um einen kleinen Wermutstropfen vorweg zu nehmen, wer runde Ecken sauber im Internet Explorer 6-8 darstellen will, muss weiterhin auf Grafiken etc. zurückgreifen, erst der IE9 setzt die Eigenschaft border-radius um. Firefox und Webkit-Browser bieten durch den Einsatz von Vendor-Prefixen schon seit längerem die Möglichkeit border-radius einzusetzen.
border-radius (runde Ecken) – CSS3 Adventskalender Tag 1 weiterlesen

Flattr this!

CSS3 Adventskalender + Buchverlosung

Alle Jahre wieder möchte man fast sagen… Adventskalender an jeder Ecke. Mal mit Schokolade, mal mit lustigen Figuren, mal mit 24 Bierdosen und manchmal selbstgebastelt. Ich möchte dieses Jahr jeden Tag vor Weihnachten ein CSS3-Trick Türchen öffnen. Es wird ab dem 01.12.10 mal kleine und mal größere Beispiele zum praktischen Einsatz von CSS3 geben.

Und obendrauf gibt es noch eine Verlosung für den Gabentisch. Unter allen Teilnehmern, die hier einen Kommentar hinterlassen, verlose ich das englischsprachige Buch „CSS3 For Web Designers“ von Dan Cederholm (Vorwort von Jeffrey Zeldman). Ich wünsche allen Teilnehmern und Lesern viel Spaß!

Update: Der Webstandard-Blog beteiligt sich am CSS3 Adventskalender und legt noch ein Buch oben drauf! Es wird also im Wechsel Tag für Tag einen tolles CSS3-Tutorial hier im Blog und im Webstandard Blog geben. Mehr Infos folgen…

Teilnahmeschluß ist der 24.12.2010 um 24 Uhr.
Der Rechtsweg ist ausgeschlossen. Die Auslosung erfolgt unter Zuhilfenahme von random.org.

Flattr this!

Gastartikel im Webstandards-Blog „Formular Design mit CSS3“

Mein neuer Artikel über die Verwendung von CSS3 in Formularen wurde diese Woche im Webstandard-Blog veröffentlicht. m Tutorial kommen moderne CSS3-Eigenschaften wie border-radius, box-shadow, text-shadow sowie die neuen Möglichkeiten der Hintergrundgestaltung mit background: linear-gradient (ein Umfangreiches Tutorial zu „Verlauf ohne Bilder (CSS3 linear-gradient)“ habe ich im Marit AG TYPO3 Blog veröffentlicht) zum Einsatz.

CSS-Tutorial „Formular Design mit CSS3 – Visuelle Gestaltung und der Verzicht auf Grafiken

CSS Tutorial Teil 2: „CSS3 Tutorial – Webdesign ohne Grafiken dank CSS Transform

Flattr this!