Allgemein | maddesigns

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/

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

CSS3 im praktischen Einsatz

…lautet der Titel meines Vortrags auf der Web DevCon in Hamburg gestern. Eine Stunde lang habe ich über die aktuellen Einsatzmöglichkeiten von CSS3 erzählt.

Die HTML-Slideshow findet ihr hier: CSS3 im praktischen Einsatz
CSS3 im praktischen Einsatz 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

„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

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/

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

Schöner mailen