The Responsive Webdesign Process

Bei der TYPO3 Conference (T3CON12DE) in Stuttgart hatte ich die Gelegenheit einen Vortrag über den neuen Prozess in Responsive Webdesign Projekten zu sprechen. Meiner Meinung nach muss sich bei RWD Projekten der Workflow vom üblichen „Waterfall“ Prinzip zu einem iterativen Prozess ändern. Einen Großteil der Arbeit in Responsive Webdesign Projekten sehe ich eher in konzeptionellem Bereich, als in der Programmierung selbst. Vielleicht ist auch mal ein ausführlicher Artikel zum Thema notwendig, hier aber erstmal die Slides: http://maddesigns.de/rwd-process/

Flattr this!

Livereload – ein Browser Refresh Tool

Wer kennt es nicht… man entwickelt in der IDE oder noch besser geeignet für Frontend-Entwicklung im Texteditor Sublime Text 2 und switcht dann zum Browser um die Änderungen anschließend zu überprüfen. Dazu muss man im Browser ein Reload durchführen. Livereload ist ein kleines aber sehr hilfreiches Tool für Mac (Windows in Beta-Status) was diesen Prozess beschleunigt.

Livereload erkennt Änderungen im Projektordner beim Speichern einer Datei. Ein Browser-Plugin für Chrome (oder Firefox, Safari, Mobile Safari) führt dann umgehend im Hintergrund den Refresh/Reload durch. Das erspart natürlich einige Tastenanschläge/Mausklicks. Auf größeren Bildschirmen ist es praktisch, wenn man die beiden Fenster parallel positioniert und dann die Änderung am HTML oder CSS direkt im Blick hat.
Livereload – ein Browser Refresh Tool weiterlesen

Flattr this!

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

Flattr this!

„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

Flattr this!

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

Flattr this!

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

Flattr this!

„CSS & Performance“ Artikel Teil 2

Beim TYPO3camp 2010 in München hielt ich eine Vortrag zum Thema „CSS & Performance“. Im Teil 1 ging es überwiegend um das Optimieren von CSS. Im 2. Teil geht es um die Frontend-Performance, also die Optimierung der Ladezeit.
„CSS & Performance“ Artikel Teil 2 weiterlesen

Flattr this!

re:publica 2011

Die 5. Auflage der Social-Media-Konferenz „re:publica“ findet wie gewohnt im Berliner Friedrichstadtpalast und der direkt dahinterliegenden Kalkscheune zwischen 13. – 15. April 2011 statt. Ein Ereigniss, das man sich nicht entgehen lassen sollte. Die Anmeldung hat bereits begonnen: http://www.re-publica.de/11/

Flattr this!

optionale Silbentrennung für den TYPO3 Redakteur

Oft steht man vor den gleichen Problemen: ein Wort ist zu lang und könnte doch sinnvoll per Bindestrich auf die neue Zeile getrennt werden, wenn es nötig ist. Als Bespiel hatte ich das Wort „Sehenswürdigkeit“, dass in der Hauptnavigation zu lang gewesen wäre, aber bequem in die Footer-Navigation passt.

Update am Ende des Textes: Shy im RTE von TYPO3 4.4.5 verfügbar
optionale Silbentrennung für den TYPO3 Redakteur weiterlesen

Flattr this!