Die Rumpfbesatzung aus Schepp und Peter erfreute sich diese Woche am IE11, fuhr das Glücksrad an den Drehzahlbegrenzer und verlost(e) am Ende sogar noch drei Exemplare von Peters HTML5/CSS3-Videotraining.
Schaunotizen
- [00:00:21] Kompatibilität im IE11
- Nachdem Schepp für Peter nochmal die Features des IE11 rezitiert hat, kommen wir zum eigentlichen Thema: der Abwärtskompatibiliät des neuen Internet Explorer. Mehr als je zuvor sägt Microsoft alte Features wie
document.all
undattachEvent()
ab und baut sogar den UA-String um. Zum einen soll so der IE11 von Browsersniffern nicht mehr versehentlich als einer seiner fossilen Vorfahren identifiziert werden, zum anderen wird der Browser so standardkonformer. Das ganze geht allerdings nach Meinung einiger schon fast zu weit, denn auch einige nützliche IE-Eigenheiten wie Filter und kontrollierte Scriptausführung sind aus dem Browser geworfen worden. Wir halten das eher für ein Luxusproblem. Schepp ist guter Dinge, dass bald alte IE genau so ein Unding sind wie alte Chrome-Versionen, Peter verweist darauf, dass sich alte Software im Business-Bereich oft sehr lange hält.
[00:23:47] HTML5-Glücksrad
- Browser-Infrastruktur
- Peter lobpreist die Vollständigkeit der HTML5-Specs am Beispiel eine inhaltlich sehr langweiligen Abschnitts über Browser-Infrastruktur.
- Media Elements
- Schepp berichtet, dass er in der Praxis keine freien Audio- und Videoformate einsetzt, sondern einfach H.264 und MP3 mit einem Flash-Fallback ausliefert. Seine Player-Libraries der Wahl sind MediaElement.js und der JWPlayer.
- Das Mark-Element
- Peter quält Schepp mit Fragen zu obskuren HTML5-Elementen wie <mark>, <s> und <u>. An sich finden wir Recycling ganz löblich, aber hier sind wir uns nicht so sicher.
[00:39:44] Keine Schaunotizen
- Google Glass Browser
- Nichts nerdiges, nur ein kleiner Trip Report von der Benutzung des Glass-Browsers.
- Basic JavaScript: an introduction to the language
- Der Doktor hat wieder zugeschlagen und liefert eine umfassende JS-Einführung für erfahrene Programmierer ab.
- Web Platform Doc Sprint Zurich
- In Zürich treffen sich am 28. August Nerds, um Dokumentation für die Web-Plattform zu schreiben. Klingt langeweilig, ist es aber nicht; Zweifler mögen sich unseren Bericht in Revision 107 anhören.
[00:42:57] Verlosung
- Das HTML5/CSS3-Videotraining
- Bis zu drei glückliche Gewinner erhalten je ein Exemplar von Peters Videotraining zu HTML5 und CSS3! Teilnehmen ist einfach: schreibt einen Kommentar und wünscht euch einen Aspekt von HTML, CSS, JavaScript oder ähnlichem, den wir in einer der kommenden Revisionen für euch im Glücksrad-Style erklären/besprechen/verdammen sollen. Teilnahme ist ab Erscheinen dieser Revision für eine Woche möglich.
Kommentare
ThomasP #
Geschrieben am 9.07.2013 um 23:10
Habt ihr schon einmal mit dem keygen-Tag gearbeitet?
Welche Usecases gibt es hierfür, wie kann man es einsetzen und
könnte man den Schlüssel auch ohne Submiten verwenden?
Ich glaube, Microdata wurde bereits behandelt.
Ansonsten wird ja so langsam WebGL interessant.
Gut, das wären meine Beiträge zum Thema.
Gruß
christian #
Geschrieben am 10.07.2013 um 01:06
Mich würden eure Erfahrungen und Meinungen zu diesen Themen interessieren:
– AppCache
– Marionette.js (Evtl. ein Interview mit jemandem? Fand das hier spannend. Mehr davon fänd ich super…)
Gruß
Bruno #
Geschrieben am 10.07.2013 um 10:36
Mich würde mal interessieren, welche CSS Frameworks ihr einsetzt. Was haltet ihr zum Beispiel von Bootstrap und Foundation? Setzt ihr die beiden Frameworks ein?
Viele Grüße
Bruno
Sascha #
Geschrieben am 10.07.2013 um 11:00
Hallo,
mich würde interessieren, was Ihr vom Wildwuchs der CSS Grid-Systeme haltet und welches eure Favouriten sind, bzw. welches Ihr für welchen Einsatz favourisiert.
Gruß
André #
Geschrieben am 10.07.2013 um 11:18
Ich fände WebRTC spannend!
Robert #
Geschrieben am 10.07.2013 um 11:33
Ich bin immer hin und her gerissen ob ich im CSS für Schriftgrüßen, Abstände usw. nun px, em, % oder rem verwenden soll.
Wie arbeitet ihr? Was ist eurer Erfahrung nach ein guter Weg (auch hinsichtlich responsive) eine CSS Datei aufzubauen und zu strukturieren?
claudius #
Geschrieben am 10.07.2013 um 12:10
Mich würde sehr interessieren wie bzw. womit ihr responsive Wireframes und Layouts baut.
Und wie Thomas schon angerissen hat, WebGL finde ich ebenso ein sehr spannendes Feld.
Viele Grüße
gewe #
Geschrieben am 10.07.2013 um 12:54
Auch mich würde das Thema responsive webdesign interessieren. Gruß
Carsten #
Geschrieben am 10.07.2013 um 13:18
Mich interessiert eigentlich das ganze Spektrum rund um Mobile WebApps:
Mehr als nur eine einfache Webseite mit Responsive Design – ist das die Zukunft des gemeinen Webauftritts?
Wie schätzt ihr den Trend dabei generell ein?
Vor- und Nachteile von Frameworks wie z. B. AngularJS, jQuery Mobile etc. – welche gibt es noch und welche können generell empfohlen werden?
Mir würden da bestimmt auch noch mehr Dinge einfallen, nur hab ich gerade nicht genug Zeit ;-).
Carsten #
Geschrieben am 10.07.2013 um 13:34
Ach, da fällt mir eben doch noch was ein:
Das Thema Accessability bzw. Barrierefreiheit wird generell eher stiefmütterlich behandelt – wieso ist das so?
Gibt es vielleicht Hilfestellungen o. ä. die es den „Machern“ ermöglichen, möglichst schnell und einfach zumindest die wichtigsten Zugänglichkeitskriterien in ihren Webseiten/-Apps umzusetzen?
Sollte Barrierefreiheit nicht auch ein Qualitätsmerkmal einer Webseite/-App sein?
Robert #
Geschrieben am 10.07.2013 um 21:52
Könnt ihr erklären wie man am besten Server-Push implementiert, also hierauf eingehen:
http://www.whatwg.org/specs/web-apps/current-work/#server-sent-events
Alternativ fände ich auch Drag and Drop in alle Richtungen interessant, d.h. Desktop => Browser, Browser => Desktop für Dateien und browserintern Drag and Drop von HTML-Elementen, Text, URLs, etc.
http://www.whatwg.org/specs/web-apps/current-work/#dnd
Und welche Tasterturen benutzt ihr eigentlich so? Habt ihr professionelles Gerät am Start?
Andreas Otten #
Geschrieben am 11.07.2013 um 09:45
Mich würde interessieren, wie ihr mit Data-Attributen in HTML und JavaScritp umgeht?
Ich beziehe mich auf den Artikel von Colin J. Ihrig „Custom Data Attributes in HTML5! http://cjihrig.com/blog/custom-data-attributes-in-html/ siehe auch http://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes.
Ich hatte bei der Entwicklung von Eingabemasken Probleme, was das dynamische hinzufügen und zurücknehmen von data-Attributen zur Validierung von Input-Elementen betrifft. Gibt es hierzu vielleicht ein „Best-Practice“-Vorgehen?
Tom #
Geschrieben am 11.07.2013 um 10:50
Hallo,
mich würden Informationen und Erfahrungen zum Thema GeoLocation interessieren (z.B. JS-API,). Wie setzt man das ein und wo gibt es Punkte bei denen man aufpassen muss.
Schöne Grüsse
Tom
Marius #
Geschrieben am 13.07.2013 um 16:20
Hallo, eine interessante Sendung. Schade, dass ihr in letzter Zeit immer so dünn besetzt seit.
So nun meine Wünsche und Teilnahme am Gewinnspiel:
Mich würden die Device-APIs interessieren. Nicht nur im Zusammenhang mit Webapps, sondern auch wie gut man sie zur mobilen Optimierung von Webseiten einsetzten kann.
Dazu passend wäre für mich auch das Push-System interessant.
Und zum Abschluss noch die Frage: Wie hat sich die Accessibility in Zeiten von HTML5 geändert. Man hört immer, alles wäre einfacher geworden durch neue Elemente etc. Stimmt das wirklich so? Sind denn die Screenreader auch auf dem passenden Stand?
Macht weiter so mit eurer Sendung! Es ist immer eine große Freude euch zu hören. Und natürlich hoffe ich, irgendwann das ein oder andere Thema von oben ausführlich erklärt zu bekommen ;)
Josua #
Geschrieben am 15.07.2013 um 00:14
Ich schreibe clientseitige Speichermöglichkeiten auf das Glücksrad.
Ich fände dabei interessant, wie weit man die Funktionalität von indexedDB durch localStorage ersetzen kann, also auch bezüglich Performance ;-) Einen index zum Iterieren könnte man in localStorage ja auch manuell erstellen.
Soweit ich indexedDB verstanden habe, kann man damit doch sowieso nur ganze key-value-Paare ersetzen, aber nicht einzelne Teile von Objekten?
Außerdem würden mich interessieren, wie ihr größere JavaScript-Applikationen strukturiert. Also benützt ihr bestimmte Patterns oder das MVC-Muster? Welche Frameworks verwendet ihr dabei?
Achja, Tipps für den täglichen Workflow wie z.B. Plugins, die live den Browser aktualisieren, sind natürlich auch immer praktisch…
Viele Grüße und macht weiter so!
ThomasP #
Geschrieben am 15.07.2013 um 00:58
Hallo,
hab ja ganz vergessen zu fragen, wie eure Meinung zu
* CSS Transform 3D
* CSS Animations
* CSS3 Transitions
ist. Gut Transitions dürft ihr gern verdammen, aber von Animations und Transform3D habe ich lang nix gehört. Kann man das mittlerweile guten Gewissens einsetzen? Und wie sieht es mit der Umsetzung in den einzelnen Engines aus, bzw. verwendet ihr das selber in Arbeiten?
Gruß ThomasP
Harald #
Geschrieben am 15.07.2013 um 10:15
Ich höre Euch auf meinen Fahrten von und zu der Arbeit immer wieder gerne zu und freue mich darüber, so nebenbei hochkarätiges Wissen vermittelt zu bekommen. Vielen Dank dafür.
Zu HTML5 wünsche ich mir einen Überblick, also eine konzeptionelle Zusammenfassung von neuen HTML-Tags und einen Kurz-Überblick über die neuen Ideen von HTML5 gegenüber HTML4. Ich möchte wissen, an welchen Stellen beim Gestalten von Web-Seiten ich mit meinem alten (Halb-)Wissen über HTML4 innehalten muss und vielleicht nochmal gezielt Details zu dem ein oder anderen HTML5-Feature nachschlagen sollte.
Chris #
Geschrieben am 15.07.2013 um 13:29
Moin,
ich wäre für eines der folgenden Themen:
* den aktuellen Stand bezüglich Audio/Video, was muss man beachten damit es (auch mobil) funktioniert
* Boilerplates für HTML/CSS – wie lassen sie sich sinnvoll einsetzen (Nur komplett? Wenn nein, was sollte man übernehmen und was nicht?)
Andreas #
Geschrieben am 15.07.2013 um 13:35
Mich würde interessieren, wie ihr mit Data-Attributen in HTML und JavaScritp umgeht? Ich beziehe mich auf den Artikel von Colin J. Ihrig „Custom Data Attributes in HTML5! http://cjihrig.com/blog/custom-data-attributes-in-html/siehe auch http://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes. Ich hatte bei der Entwicklung von Eingabemasken Probleme, was das dynamische hinzufügen und zurücknehmen von data-Attributen zur Validierung von Input-Elementen betrifft. Gibt es hierzu vielleicht ein „Best-Practice“-Vorgehen?
Benjamin Wagener #
Geschrieben am 15.07.2013 um 13:50
Also die Themen die mich interessieren würden sind hier weitestgehend schon aufgeführt:
* Beim Thema CSS würde mich auch interessieren was ihr da eventuell als Grid-Framework empfehlt. Ich habe ja zwischendurch mal überlegt mir mein eigenes Theme für WP auf Basis von Bootstrap zu bauen, aber als ich dann sah was da teilweise für drastische Veränderungen zwischen den Versionen geschehen und und wie oft es neue Versionen gibt und ich dann daran dachte, wie oft ich dann schauen müsste, ob meine Seite immer noch aussieht wie sie aussehen soll, bin ich dann doch lieber bei einem vorgefertigten Theme geblieben wo sich andere um die Updates kümmern und dafür sorgen, dass es von der Optik so bleibt wie es ist. Da wäre halt die Frage: Wieso wird bei diesen Frameworks nicht mehr auf kontinuierliche, langfristige Standards gesetzt, sodass man bei einem Update eben nicht so sehr befürchten muss, dass einem die halbe Seite zerhackt wird, ohne dass man massig Anpassung betreibt.
* Eine sinnvolle und Browser-übergreifend funktionierende Push-Funktionalität etwa durch Einbindung von Server-Sent-Events würden mich auch sehr interessieren. Websockets sind ja häufig da einfach zu viel des „Guten“. Gibt es da Empfehlungen zur Vorgehensweise eurerseits?
* Local Storage fände ich auch ähnlich wie Josua interessant. Welche Local Storage-Mechanismen verwendet man dann am besten, sodass die WebApp möglichst übergreifend gut offline funktioniert und was können diese Mechanismen überhaupt so alles, also wie performant sind sie und wie weit kann man da bei der Funktionalität dieser Apps gehen im Vergleich mit „nativen“ Apps mit „richtigen“ Datenbanken oder Apps die halt auf einem Server mit MySQL oder dergleichen laufen?
* Packaging von Webapps zur Offline-Nutzung, aber auch zur Nutzung von HTML-Dokumenten als Konkurrenz zu PDF, EPUB und dergleichen fände ich auch sehr interessant. Es wäre doch toll, wenn man eine WebApp oder z.B. so ein Nachschlagewerk wie SelfHTML eben einfach so mal eben in einem standardisierten Plattform-übergreifend kompatiblen Container-Format verpacken könnte, sodass man es als eine Datei speichern, verbreiten und direkt öffnen könnte, ohne den Umweg gehen zu müssen in einem gepackten Ordner die index.htm zu öffnen. Seht ihr da entsprechende Formate in der Entwicklung die man mal im Auge behalten sollte und was empfiehlt ihr derzeit als Distributionsstrategien?
* Beim Thema Media-Einbindung hat sich Google ja jetzt angeschickt mit WebP ein Grafikformat zu bauen, welches sowohl JPEG, als auch PNG und GIF ersetzen soll. Erachtet ihr es für realistisch, dass sie das auf absehbare Zeit schaffen bzw. dass WebP demnächst so breit von den Browsern unterstützt wird, dass es potentiell die zuvor genannten Formate überhaupt ersetzen kann? Oder fändet ihr es vielleicht sogar sinnvoll Grafiken ähnlich wie Videos halt in mehreren Formaten anzubieten mit WebP für moderne Browser und den anderen Formaten für die alten Browser und wie würdet ihr dabei vorgehen das umzusetzen?
* Ihr habt ja in dieser Revision über H264 gesprochen. Da soll ja nicht nur Free-H264 kommen, sondern Google will da ja auch mit WebM eine Alternative aufbauen. Hier gilt die gleiche Frage wie bei WebP zuvor: Für wie realistisch erachtet ihr, dass Google das schafft und seht ihr einen Zeitpunkt ab dem man WebM breit einsetzen kann? Welche Mechanismen erachtet ihr hier für am besten geeignet um alternative Formate anzubieten bzw. erachtet ihr es für sinnvoll das überhaupt zu tun?
* Peter sprach in dieser Revision mal wieder davon wie sinnvoll es sei das main-Element zu nutzen. Wie seht ihr das bezogen auf nav und menu?
IJ #
Geschrieben am 15.07.2013 um 14:06
Mich würde interessieren, was ihr von Flexbox haltet. Nutzt ihr das, reicht die Browser Unterstützung bereits aus oder gibt es gute Fallbacks bzw. Polyfills? (Ich hoffe ihr hattet das noch in keiner von eurem Podacast :)
Chris #
Geschrieben am 15.07.2013 um 14:06
…man sollte natürlich erst nach dem Hören der aktuellen Folge antworten…
Ich tausche Thema 1 gegen:
* wie testet ihr den ganzen Kram, ohne die entsprechenden (Mobil-)Geräte (Androiden, iPhones, WPs, Blackberrys,…)? Wie gut sind die Emulatoren?
Gewonnen! HTML5 und CSS3 Videoworkshop | Marius-Eisenbraun.de #
Geschrieben am 2.08.2013 um 13:19
[…] Aufwand, große Freude! Für einen kleinen Kommentar (siehe hier) beim Workingdraft Podcast gab’s den 16-stündigen Video Workshop von Peter Kröner. Ein […]
RSS-Feed zu diesem Beitrag
Kommentare sind für diesen Beitrag geschlossen.