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! ;)

HTML E-Mail Newsletter cross-client-konform erstellen

Mein Artikel aus dem Webstandards-Magazin Ausgabe 9 zum Thema HTML E-Mail Newsletter:

Schöner mailen


HTML-Newsletter sind und bleiben ein beliebtes Kommunikationsmittel, um Informationen zu transportieren. Das Marketing liebt sie, weil sich Produktbilder oder visuelle Grafiken in die Werbebotschaft einbinden lassen. Standardkonforme Newsletter-Vorlagen für alle Mailprogramme zu generieren, ist allerdings nicht die einfachste Aufgabe. Wir haben einige Tipps und Tricks zusammengefasst und zeigen Lösungswege auf.
HTML E-Mail Newsletter cross-client-konform erstellen weiterlesen

„page.speed = 1“
Web Performance Optimierung 2011

Nach den diesjährigen TYPO3camps in Stuttgart, Berlin und Hamburg fand am letzten Wochenende das TYPO3camp in München statt. Ein Themen-Barcamp bei dem es vorrangig um das CMS TYPO3 ging und eine super Möglichkeit die Community mal persönlich kennen zu lernen. Die Organisatoren haben es auch im 4. Jahr hintereinander geschafft ein perfektes Camp auf die Beine zu stellen. Natürlich hängt wie bei einem Barcamp traditionell üblich viel von den Teilnehmer ab. Sie tragen mit ihren mal gut vorbereitet, mal spontan gehaltenen Sessions zum Gelingen bei. So hatte Felix Oertel eine Doppelsession über Extbase gehalten, Thomas Löffler stellte die neue Möglichkeit der Template-Erstellung mit FLUIDTEMPLATE vor und Jochen Weiland zeigte, was man machen muss, wenn die Website gehackt wurde (Sessionvideo vom TYPO3camp Stuttgart). Weitere Sessions und Slides findet man auf Slideshare und Lanyrd.

In meiner Session „page.speed = 1“ ging es um Web Performance Optimierung 2011, also um die Möglichkeiten die Ladezeit der Website im Browser zu verbessern und die Unterschiede zwischen Desktop- und Mobil-Browser Optimierung.

Hier der Link zur Slideshow: „page.speed = 1“ Web Performance Optimierung 2011
„page.speed = 1“
Web Performance Optimierung 2011 weiterlesen

TYPO3 4.5.4 Update – Überschriften Rendering Bug #not

UPDATE: Die Bugfix-Releases 4.3.13, 4.4.10 und 4.5.5 enthalten ein Kompatibilitätsfix für ältere Versionen wenn die Überschriftengenerierung über lib.stdheader verändert wurde.

—

Wie heißt es doch so schön: „Due to several security issues found in the TYPO3 Core, there was a combined release of TYPO3 4.3.12, 4.4.9 and 4.5.4.„! Obwohl TYPO3 Updates in der Regel schnell von der Hand gehen, wenn man nichts an den Core-Dateien rumgeschraubt hat, sollte man immer mal in die Release-Notes schauen.
TYPO3 4.5.4 Update – Überschriften Rendering Bug #not weiterlesen

TYPO3.org Relaunch könnte besser sein

In der Woche vor Ostern wurde im Linuxhotel Essen von 20 freiwilligen Entwicklern im Rahmen der „T3O Relaunch Week“ ein Relaunch der bestehenden typo3.org Website durchgeführt. Ich hatte ebenfalls vor mich dort für die Mithilfe zu bewerben, leider konnte ich das auf Grund der aktuellen Projekte nicht.

Umso mehr ärgere ich mich jetzt, dass ich nicht teilnehmen konnte, denn das, was ich aktuell unter http://preview.typo3.org/ sehe, gefällt mir rein gar nicht. Dabei, will ich auch nicht übers Design sprechen, dem es auch an Kontrast und Usability fehlt, sondern ich habe als Frontendentwickler und Webstandards-Verfechter mir sofort den Quellcode angesehen…
TYPO3.org Relaunch könnte besser sein weiterlesen

Internet Explorer 10 mit CSS3 linear-gradient Support

Microsoft ist aufgewacht und arbeitet kontinuierlich an der Weiterentwicklung des Internet Explorer. Gestern stellten Sie auf der MIX11 Konferenz in Las Vegas die neue Preview des IE10 vor. Umfangreiche Neuerungen sind bereits integriert.
Internet Explorer 10 mit CSS3 linear-gradient Support weiterlesen

IE9 mit CSS3 border-radius und linear-gradient Problemen

Nach Einführung des IE9 ist es nicht nur Fritz Weisshart aufgefallen, dass der IE9 zwar die propritären CSS-Eigenschaft „filter“ zum Erstellen von Verläufen, wie im IE6-8 zwar weiterhin unterstützt, aber diese nicht so funktionieren wie erhofft.
IE9 mit CSS3 border-radius und linear-gradient Problemen weiterlesen