Archiv der Kategorie: Web Development

Extension „css_styled_content“ für Responsive Images im TYPO3 Core integriert!

Status Responsive Image RenderingNachdem unser TYPO3-Team rund um Ingo Schmitt auf den TYPO3 Developer Days in Hamburg bereits einen ersten Workshop zum Thema Responsive Images veranstaltet hat, wurden die Anpassungen an der Extension ccs_styled_content Ende August in einem weiteren Workshop finalisiert.

Am Ende des Workshops waren die Arbeiten abgeschlossen und es wurde mit Spannung darauf gewartet, ob das gesetzte Ziel – die Integration von css_styled_content im TYPO3 Core – erreicht wird…

Seit gestern findet in Hannover der letzte TYPO3 CMS Code Sprint vor dem großen Feature Freeze für die TYPO3 LTS-Version 6.2 statt. Ziel dieses Code Sprints ist es, die Arbeiten an den Features und Konzepten, die allesamt in der neuen TYPO3-Version 6.2 LTS enthalten sein sollen, abzuschließen. Unser Senior TYPO3 Developer, Sebastian Fischer, ist seit gestern vor Ort, um gemeinsam mit dem Sprint-Team an den Features zu arbeiten. Auch die Integration der Extension css_styled_content war einer der Punkte auf der Agenda.

Mit responsive Webdesign bei mobilen Internetnutzern punkten

f8bacd4a9bIm Rahmen der Studie „Mobile Internetnutzung – Entwicklungsschub für die digitale Gesellschaft!“ hat die Initiative D21 Befragungen zur mobilen Internetnutzung durchgeführt. Befragt wurden insgesamt 1.005 Personen der deutschsprachigen Wohnbevölkerung ab 14 Jahren mit Festnetz-Telefonanschluss im Haushalt.

Die Studie hat ergeben, dass die Nutzung des mobilen Internets über das Datennetz des Mobilfunkproviders gegenüber dem Vorjahr um 13 Prozentpunkte auf 40% gestiegen ist.

Als größte Vorteile der Nutzung des mobilen Internets gaben die Befragten an, dass Informationen schneller abgerufen werden können und dass das mobile Internet Zugriff auf eine Vielzahl an Informationen bietet.

Da die Nutzung mobiler Geräte und Smartphones und damit auch der mobile Zugriff auf Websites stetig zunimmt – laut Studie ist auch die Anzahl der Personen, die die Anschaffung eines Smartphones oder Tablet-PCs planen, deutlich angestiegen – müssen Websites auch auf diesen Geräten optimal dargestellt werden.

TYPO3 6.2 Smooth Migration Agency Sprint Tag 3

Ich beginne mal gleich mit dem Highlight des Tages: Gestern war Social-Day beim Agency/Code-Sprint, sodass alle Teilnehmer der beiden Sprints zusammen mit Ingo Schmitt und Sebastian Fischer gegen 19 Uhr aufgebrochen sind, um den Abend mal abseits des Unperfekthauses (und ohne Laptop!) gemeinsam bei einem schönen Essen ausklingen zu lassen. Unvergesslich blieb hier auch die spontane Tanzeinlage von Oliver Hader!

Danach sind wir dann in das WG-Hotel zurück, wo die ersten dann gegen 01:30 Uhr ins Bett gefallen sind, nachdem wir mit Hilfe von ein paar iPhones spontan für etwas „Multi-Surround“-Musikatmosphäre gesorgt haben (ein iPhone gab die gespielte Musik per WLAN an die anderen weiter und diese fungierten dann als Boxen).

TYPO3 6.2 Smooth Migration Agency Sprint Tag 1

Seit gestern gegen 12 Uhr ist es nun so weit: Ich bin bei meinem ersten TYPO3 Sprint mit dabei und gleich bei einer so wichtigen Sache wie die Migration der Version 4.5 zur nächsten LTS 6.2.

Die Aufregung von meiner Seite war deshalb schon etwas da, vor allem weil ich bis auf das letztjährige TYPO3 Camp Rhein-Ruhr noch nicht mit der Association in Kontakt gekommen bin. Parallel zu unserem Sprint findet auch noch ein sogenannter Core Code Sprint für die LTS Version 6.2 ebenfalls im Unperfekthaus in Essen statt. Dadurch haben wir auch die Möglichkeit bei Auffälligkeiten, die uns während der Analyse und der Migration begegnet sind, diese auf kurzem Weg direkt an das Core-Team zu melden.

Status Responsive Images für TYPO3 6.2 LTS

Seit unserem Workshop auf den TYPO3 Developer Days im Juli 2013 sind die Arbeiten an der Integration von Responsive Images im TYPO3 Core deutlich voran geschritten. Die Test- und Kompatibilitäts-Extension wurde vielfach genutzt um das Konzept zu testen und zu erweitern.

Workshop bei der Marketing Factory
Karoline Steinfatt, Riona Kuthe, Carla Froitzheim analysieren das TS und CSS

Um die Arbeiten hieran abzuschließen und um die Patche für den TYPO3 Core sowie die Dokumentation noch vor dem Feature-Freeze am 3. September 2013 fertigzustellen, haben sich einige Entwickler am 22. August bei der Marketing Factory ConsultingGmbH zusammengefunden: Während Riona Kuthe (jweiland.net, Filderstadt), Carla Froitzheim und Karoline Steinfatt die offenen Punkte in Bezug auf das TYPOSCRIPT in css_styled_content und das CSS von TYPO3 bearbeitet haben, haben Martin Ficzel (n@work, Hamburg) Sebastian Fischer und ich den PHP Code für den Core aufbereitet. Ausserdem wurden die Unittests für die entsprechenden Methoden erstellt und der Code damit geprüft. So können in Zukunft Entwickler ihre Anpassungen direkt im Core überprüfen.

Responsive Images Workshop bei der Marketing Factory

Nachdem unser Responsive Images-Team – bestehend aus Ingo Schmitt, Karoline Steinfatt, Sebastian Fischer und Carla Froitzheim – auf den TYPO3 Developer Days im Juli bereits einen Workshop zum Thema „Reponsive Images“  veranstaltet hat, findet am Donnerstag, den 22. August ein weiterer Workshop bei der Marketing Factory statt.

Gemeinsam mit Riona Kuthe und Martin Ficzel werden wir daran arbeiten die Anpassung im css_styled_content zu finalisieren, um einen entsprechenden Patch für den Core zu erstellen.

TYPO3 Smooth Migration Agency Sprint

Unperfekthaus in Essen
Unperfekthaus Essen (Foto: Wiegels)

Vom 26. bis zum 30. August widmen sich zwölf TYPO3 Agenturen im Essener Unperfekthaus einem großen Projekt: dem sicheren Übergang von der aktuellen Long-Term-Support (kurz: LTS) Version TYPO3 4.5 zur LTS-Version 6.2.

Im Vorfeld konnten sich TYPO3 Agenturen mit dem Status „TYPO3 Gold Member“ oder „TYPO3 Platinum Member“ mit einem aktuellen Projekt bewerben bei dem der Versionssprung von Version 4.5 auf Version 6.2 durchgeführt werden soll.

Auch wir haben uns mit einem Projekt beworben und gehören zu den auserkorenen Zwölf!
Wir sind mit dabei, wenn die mitgebrachten Projekte in den ersten beiden Tagen des TYPO3 Agency Sprints im Detail auf ihre Update-Fähigkeit analysiert und die Gefahren und Schwierigkeiten der Migration zu Version 6.2 im Anschluss identifiziert und gelöst werden.

Responsive Images mit TYPO3 – Ergebnisse des T3DD Workshops

Mit Responsive Web Design (RWD) passen sich die Layouts von Webseiten ideal an die jeweiligen Ausgabegeräte an. Die Geschwindigkeit, mit der sich dieser neue Trend bei Webdesignern und deren Kunden durchsetzen konnte, ist – zumindest für Deutschland – erstaunlich. Doch damit die Technologie voll ausgenutzt werden kann, müssen auch die Bilder einer Webseite „responsiv“ werden. Dafür gibt es verschiedene Ansätze, die die Ausgabe von Bildern im Code sehr unterschiedlich handhaben.

Bisher war beim Content Management System TYPO3 die Kontrolle über die Bildausgabe per TypoScript nur sehr eingeschränkt möglich. Für die zukünftige Entwicklung ist es daher wichtig, eine flexible Bildeinbindung in die nächste Release-Version zu integrieren. So können zukünftig Webentwickler und TYPO3-Integratoren denjenigen Ansatz wählen, der am besten zu ihrem Designkonzept passt.

TYPO3 Developer Days 2013 in Hamburg – ein Bericht

Vom 4. bis zum 7. Juli trafen sich die TYPO3 Entwickler zu den T3DD (TYPO3 Developer Days) im Elbcampus in Hamburg Harburg.

Die Workshops

Pause bei den T3DD in der SonneIn diesem Jahr wurden im Gegensatz zu den letzten Jahren nur Workshops angeboten in denen ein aktives Mitarbeiten der Teilnehmer gewünscht war. Die überwiegende Anzahl der Teilnehmer hat aber eher passiv in den Workshops gesessen, anstatt aktiv mitzumachen. So haben in der Regel immer nur eine Handvoll Teilnehmer miteinander interagiert, während der Rest zugehört oder ausprobiert hat.

Die Themen

Ich habe mich bei der Auswahl meiner Workshops ganz auf das TYPO3 CMS in der Version 4 und 6 konzentriert. Die Themen waren alle so spannend, dass keine Zeit mehr für TYPO3 Neos war. Das werde ich in den nächsten Wochen aber nachholen!

Responsive Webdesign! One size fits all!

teaser_responsiveDas Zauberwort der aktuellen Internet-Entwickung heißt „Responsive Webdesign“. Am treffendsten kann „Responsive Webdesign“ mit „reaktionsfähiges Webdesign“ übersetzt werden. Es bezeichnet das Gestalten und Umsetzen einer Website, die auf äußere Einflüsse reagieren kann dabei werden Inhalte (Texte, Bilder) und die Nutzerführung durch Menüs optimal auf die jeweilige Bildschirmgröße umgesetzt. Und das vom 27“ Cinema Display bis zum Mini-Smartphone. Um das möglich zu machen wird Responsive Webdesign in einem speziellen, optimierten Workflow erstellt.

Wieso Responsive Webdesign?

  • Im Jahr 2007 gingen noch 91% aller Nutzer mit ihrem PC ins Web, nur 30% (auch) per Laptop und nur 6% mit mobilen Geräten
  • Im Jahr 2012 nutzen noch 73% den stationären Rechner, 58%  nutzen (auch) Laptops und 22% (auch) mobile Geräte wie Smartphones