Drei Themen, drei Buchstaben – CSS! Nur die Crew war wieder zu viert am Start.
Schaunotizen
- [00:00:31] Opera implementiert -webkit-Präfixes
- Zunächst passiert das nur im Mobile-Emulator, aber die Geist geht nicht mehr zurück in die Flasche – bald werden diverse Webkit-Präfixes auch in Opera funktionieren. Grund ist, dass viele Mobile-Webseiten nur auf Webkit optimiert werden, obwohl Opera in diesem Sektor einiges an Marktanteil hat. Das Webentwickler-Universum reagiert auf diese Meldung mit Shitstorms und Mimimi, doch wir sehen das eher entspannt.
- [00:31:22] Conditional CSS
- Jeremy Keith erfindet einen überaus komplizierten Nachbau für window.matchMedia und auf CSS-Tricks gibt es auch eine entsprechende Demo. Wozu das Ganze wenn es doch schon Polyfills gibt? Ein Vorteil ist, dass man mit Conditional CSS keine Media Queries mehr in Script und Style duplizieren muss, sondern alles aus CSS heraus steuern kann.
- [00:43:18] Content Choreography in Responsive Web Design
- Demo eines Responsive Designs, das auf normalen Bildschirmgrößen Floats und für kleine Maße Flexbox verwendet. Peter ist nicht sonderlich überzeugt davon, einfach vorauszusetzen, dass alle Geräte mit kleinen Bildschirm Flexbox (was nicht die stabilste Spezifikation ist) beherrschen und beschwört trollend die Geister von Vendor-Prefix-Gate 2.0. Schepp hingegen gefällt es.
[00:53:03] Keine Schaunotizen
- idb.filesystem.js
- Filesystem-API-Polyfill via Indexed DB.
- Optimizing with the timeline panel
- Wie man die Timeline in Web Inspector für Performanceforschung nutzt.
- CSS background-attachment: local
- Eins von diesen eher unbekannten CSS-Features erklärt und demonstriert.
Kommentare
Dirk #
Geschrieben am 3.05.2012 um 20:34
“Content Choreography in Responsive Web Design” — die Demo gefällt mir sehr. Aus den gleichen Gründen wie Schepp sie genannt hat. Ich arbeite gerade an einem Projekt, bei welchem das Markup, welches ich für ein sinnvolles Desktop-Layout benötige, keine sinnvolle Reihenfolge für die Linearisierung ergibt und auch umgedreht (mobile first) würde für den Desktopbereich kein Schuh draus werden.
In einem solchen Fall (der bei etwas komplexeren Screenlayout vermutlich gar nicht mal so selten sein wird), ist der Einsatz von Flexbox auf Mobilgeräten nur Neuordnung der Reihenfolge echt ein Segen.
Jeremy Keith #
Geschrieben am 4.05.2012 um 10:57
Why I didn’t use matchMedia (or a polyfill)? As the blog posts stated over and over again, the whole point was that I was trying not to repeat my breakpoints in two places. If that weren’t a concern, then yeah, I would have just used matchMedia.
I wasn’t saying “matchMedia sucks!” I was just looking for a solution to my particular situation. I’m not saying anyone else should use the same solution.
I blogged about a possible solution *that other people suggested*. You spoke about a different possible solution. That’s great.
You think the solution I wrote about is too complicated? That’s absolutely fine.
But your conclusion “So JavaScript kann der oder nicht, oder?” doesn’t strike me as particularly helpful.
Next time I’m going to write some JavaScript, I’ll be sure to run it by you first to get your seal of approval.
Type-Style #
Geschrieben am 24.05.2012 um 16:53
Schon traurig das Opera meint Sie müssten die Fehler ausbügeln, die Webentwickler machen.
Nur weil leute die Standard Methode und/oder die -o- Prefixes vergisst, wird jetzt sowas übernommen? Traurig.
Nico #
Geschrieben am 8.08.2012 um 17:19
Die von euch bemängelte Möglichkeit zwischen Webkit und Opera zu unterscheiden bleibt ja weiterhin bestehen, Wenn sowohl -webkit- und danach auch -o-Eigenschaften da sind, dann wird ja weiterhin die Opera-Variante bevorzugt. Also alles halb so wild.
Schepp #
Geschrieben am 9.08.2012 um 07:31
Jupp, das stimmt wohl. Da hast Du vollkommen Recht.
RSS-Feed zu diesem Beitrag