Kategorie: Adventskalender

Gradient Border – CSS3 Adventskalender Tag 1

Tag 1 im CSS3 Advancedkalender und wir gehen gleich ins Eingemachte! ;)

In der CSS Text Level 3 Spezifikation gibt es seit einiger Zeit die Eigenschaft text-decoration-color mit der man die Text-(Link-)Unterlinie andersfarbig gestalten kann. Bisher wird diese Eigenschaft laut MDN nur vom Firefox ab der Version 6 mit dem Prefix -moz- unterstützt. Zukünftig soll es ähnlich wie auch für border oder outline möglich sein für text-decoration Shorthand-Values wie folgt anzugeben:
text-decoration: <text-decoration-line> || <text-decoration-color> || <text-decoration-style> || blink
 anzugeben. Das ist ein Vorteil, wenn weitere Browser das unterstützen. Auf perun.net gibt es bereits einen umfassenden Artikel über CSS3 text-decoration.
Gradient Border – CSS3 Adventskalender Tag 1 weiterlesen

CSS3 Adventskalender 2011

Das gute Feedback zum CSS3 Adventskalender 2010 hat uns angespornt auch in diesem Jahr wieder einen CSS3 Adventskalender zu betreiben. Wie letztes Jahr werden im Webstandard-Blog und hier abwechselnd jeden Tag ein Artikel rund ums Thema CSS3 und moderne Webentwicklung veröffentlicht. Ab dem 01. Dezember 2011 heißt es also CSS3 Advancedkalender! ;) Jetzt schlagt keine Purzelbäume, wir werden nicht die neusten Spezifikation des CSS Working Group durchgehen, sondern zeigen alltagsrelevante Umsetzungen mit CSS3. Seid gespannt!

Gastautoren

Zudem konnten wir dieses Jahr Gastautoren gewinnen, die Beiträge zum CSS3 Advancedskalender beisteuern werden. Einen großen Dank an alle Gastautoren vorweg, da alle voll in Projekten stecken und nebenbei einen interessanten Artikel für uns schreiben. Hier im Blog werden Christian Schäfer (@derSchepp) und Hans Christian Reinl (@drublic) Artikel zum Thema CSS3 beisteuern. Im Webstandards-Blog gibt es Gastartikel von David Hellmann (@davidhellmann) und Jonas Hellwig (@_kulturbanause) – darüber freuen wir uns sehr!

Weihnachtsgeschenke für alle!

Galileo Press Logo O'Reilly Verlag Logo

Als großes Weihnachtsgeschenk haben wir für unsere Leser vom Galileo Verlag und O’Reilly einige Bücher sowie Video Tutorials von Galileo zur Verlosung erhalten. Der Gesamtwert liegt bei über 450,- Euro! Von den insgesamt 9 Büchern und 4 Video-Trainings werden wir während der ganzen Adventszeit schon einige Exemplare verlosen und dann am 24.12.11 gibt es die große Weihnachtsverlosung.

Auf den üblichen Kanälen (Twitter, Google+, Facebook, RSS) werden wir euch also ab nächster Woche mit interessanten Themen zu CSS3 und Webentwicklung informieren. Stay tuned! hohoho! ;)

Fun with Border-Radius – CSS Sprechblasen – CSS3 Adventskalender Tag 23

Am vorletztem Tag des CSS3 Adventskalender will ich nochmal ein paar interessante Einsatzmöglichkeiten von border-radius zeigen. Nicht zuletzt auch durch das Gewinnspiel „Gewinne ein Jahres-Abo des Webstandards Magazin“ hat sich border-radius als das CSS3-Feature herauskristalisiert, auch die Zugriffszahlen zeigen das.

Fun with Border-Radius – CSS Sprechblasen – CSS3 Adventskalender Tag 23 weiterlesen

CSS3 transitions – CSS Animation – CSS3 Adventskalender Tag 21

CSS3 Transitions und CSS3 Animations sind ein sehr umfassendes Thema, mit dem man glatt noch einen Monat füllen könnte. Gleichzeitig revolutiert es CSS, da zukünftig Animationen und Elementveränderungen ohne Javascript möglich sind. Zum Einstieg werde ich ein kleines Beispiel für CSS3 Transitions zeigen.

CSS3 transitions – CSS Animation – CSS3 Adventskalender Tag 21 weiterlesen

selectivizr – CSS3 selectors for IE – CSS3 Adventskalender Tag 19

Heute ein kurzer Tipp am Sonntag: selectivizr – CSS3 selectors for IE – ist das hilfreichste, was ich zum Thema CSS3 & Internet Explorer 6-8 empfehlen kann. Selectivizr ist eine Javascript-Bibliothek, die CSS3-Selektoren erkennt und für IE6-8 übersetzt. Als Basis muss eine andere JS-Bibliothek wie jQuery, MooTools, Dojo, Prototype, etc. eingesetzt werden.

selectivizr – CSS3 selectors for IE – CSS3 Adventskalender Tag 19 weiterlesen