Responsive Webdesign
Linkfutter 726
- Responsive CSS Patterns without Media Queries
- Apple’s widened ban on templated apps is wiping small businesses from the App Store – Wenn Apple Service Workers anbieten würde (kommt wohl irgendwann), dann wäre dieser Schlag gegen einen großen Teil der Apps zu verschmerzen. Denn eigentlich gibt es für die meisten Apps keinen vernünftigen Grund. Informationen kann man auch per Web-App verbreiten.
- WordPress is Changing. Here are 3 Things You Need to Know About Gutenberg
- So nett „WordPressify“ auch scheint, um schnell eine Wordpres-Umgebung mit Gulp aufzusetzen, eine Sache fehlt offenbar: die Integration von MySQL. Der Entwickler hat zwar an eine PHP-Brücke für node.js gedacht, leider aber nicht an eine Oberfläche für MySQL oder einen sonstigen, einfachen Weg, die Datenbank zu erstellen. Das ist schade, denn das System hat Potential in meinen Augen.
- Mozilla hat mit der Veröffentlichung von Firefox 57 wieder viel Boden gegenüber Chrome gut gemacht. Der Browser wurde wieder positiv gesehen, obwohl so manche Plugins wegen des Wechsels der Programmierbasis nicht mehr funktionierten. Mit einer sehr unbedachten Werbeaktion für eine TV-Serie hat sich Mozilla allerdings viel mehr geschadet, als der neue Firefox genützt hat. In jedem echten Unternehmen sollten die verantwortlichen Manager innerhalb kürzester Zeit entlassen werden. Selbst bei VW wurde der Vorstandsvorsitzende nach Bekanntwerden der Abgas-Betrügereien gegangen. Ich hoffe, dass auch bei Mozilla harte Konsequenzen gezogen werden. Warme Worte wie bisher helfen nicht.
Adblocker sparen pures Geld
Während meiner Vorbereitungen für meinen Webinale-Vortrag über Tools für Frontend-Entwickler stiess ich wieder auf das Online-Tool „What does my site cost?„. Zu Demozwecken testete ich die allseits beliebte Seite „Spiegel Online“ und war verblüfft. Das Tool zeigte mir ein Seitengewicht von über 9 MB an! In Deutschland würde die Startseite demnach etwa 66 Cent (72 US-Cent) kosten.
(mehr …)
Linkfutter 560 – Element Queries
Früher hiessen sie mal Container Queries, jetzt Element Queries. Es geht um eine Technik, die es uns ermöglicht, auf die Parameter der direkten Umgebung eines Moduls zu reagieren. Denn mit Mediaqueries können wir ja nur auf die Breite des Browserfensters reagieren. Doch die sagt für einen Teaser, der in einem dreispaltigen Grid steckt, nur bedingt etwas aus. Über die Implementierung von Element Queries wird diskutiert und gerungen. Letztens taten dies ein paar schlaue Leute in Blogartikeln:
(mehr …)
Linkfutter 533
- „Responsive Webdesign is …“ liefert nicht nur einen tollen Newsletter aus und präsentiert einen Podcast, die Seite bietet auch sehr schön aufbereitete Linktipps.
- Toolbars, keyboards, and the viewports
- Visual Studio Code: the editor I didn’t think I needed
- 10 Code Snippets for Quickly Creating Responsive Navigation Menus
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 …)
Linkfutter 335 – RWD
- Using extended srcset and the picture element to tailor your image to every device and layout
- Using responsive images in a real world scenario
- David Bushell zeigt eine Möglichkeit, wie man Tabellen responsive machen kann.
- A new mobile navigation menu – Converting the desktop dropdown nav