Responsive Webdesign

Linkfutter 382

  • Niels Leenheer, der die Seite HTML5Test betreut, hat einen sehr interessanten Vortrag über „weird browsers“ gehalten. Denn schliesslich kann man Webseiten auch auf Spielkonsolen, Smart TVs oder E-Readern betrachten.
  • Progress Tracker – A flexible SASS component to illustrate the steps in a multi step process e.g. a multi step form, a timeline or a quiz.
  • Switch – A simple and powerful iOS style switch for checkbox.
  • flatpickr – A lightweight & powerful datetimepicker

Wir brauchen einen neuen Workflow

Die Web-Welt um uns herum hat sich grundlegend geändert. Aber wir arbeiten unsere Projekte meist noch so ab, wie vor 20 Jahren. Der Wasserfall dominiert unsere Projekte. Dabei wäre eine agile Arbeitsweise wichtig, um den mannigfaltigen Herausforderungen in den Bereichen Design und Technik korrekt zu begegnen.

Auf der Contao-Konferenz Ende Mai in Bad Honnef habe ich dazu einen Vortrag gehalten. Die Slides gibt es bei Speakerdeck, das Video bei Youtube.

Modulare Webentwicklung – Theorie und Praxis

Ich spreche schon seit einigen Jahren auf Konferenzen und in Inhouse-Schulungen über modulare Webentwicklung. Meiner Meinung nach wird die Architektur unserer Frontends noch immer zu stiefmütterlich behandelt. Doch so langsam kommen Firmen zu der Erkennntnis, dass ihre Applikationen über die Jahre gewuchert und kaum noch zu pflegen sind.
(mehr …)

Responsive Webdesign – wir müssen uns ändern

Unter dem Titel „Responsive Webdesign – wir müssen uns ändern“ habe ich heute einen kurzen Impulsvortrag vor den Mitgliedern des „IT Klub Mainz“ halten dürfen. Ich habe dabei versucht, kompakt darzustellen, inwiefern sich IT-Projekte ändern müssen, wenn am Ende eine responsive Webseite stehen soll. Die Folien gibt es natürlich wieder bei Speakerdeck.

Jeder Browser ist anders …

Bei der Weiterentwicklung des YAML-Frameworks konfrontierte mich Dirk Jesse gestern mit einem ärgerlichen Verhalten von Chrome. Bei einem Off-Canvas-Menü ignorierte dieser geflissentlich die Eigenschaft position:fixed. Nach ein paar Versuchen kam ich zu der Erkenntnis, dass die Entfernung von -webkit-perspective: 1000; das Problem löste. Ein Grund erschloss sich mir nicht. Also recherchierte ich heute Morgen ein wenig und stolperte schon gleich zu Beginn auf eine frustrierende Erkenntnis von Ian Routledge:
(mehr …)

Tabellen – responsive oder scrollbar

George Martsoukos hat bei Sitepoint eine interessante Übersicht verschiedener Lösungen für responsive Datentabellen veröffentlicht. Für die eigene Recherche ist das eine sehr gute Ausgangsbasis.

Auch Sven Wolfermann hatte sich des Themas schon einmal angenommen, allerdings in einer sehr viel übersichtlicheren Form.
(mehr …)

Linkfutter 201 – Responsive Webdesign

Mike Riethmuller erläutert, wie er mit der calc-Funktion in CSS responsive Typographie realisiert, also Typo, die sich an die Umgebunsgbreite anpasst.
Guil Hernandez beschreibt wiederum „ein Sass-Mixin für responsive Typographie„. Das finde ich charamanter.
(mehr …)