Nach zweiwöchiger Abstinenz melden wir uns mit einer rekordverdächtigen Folge zurück: Vier Mann füllen knapp zwei Stunden Hörmaterial. Das liegt unter anderem daran, dass wir uns am Ende auch einer Betrachtung des Verhältnisses der Deutschen zum Internet widmen. Ihr wisst schon: Netzabdeckung, Cyberabwehrzentrum, freie WLANs, Kinderpornos und so. Zu Gast war diesmal Cem Derin. Mehr von ihm hört in seinem Podcast oder seht Ihr auf Offenen Bühnen Events.
Schaunotizen
- [00:00:55] jsmad
- Peter freut sich über das Erscheinen von jsmad, weil es seine Vermutung bestätigt, dass die Webworkerschaft das Problem fehlender Audio- und Video-Unterstützung durch HTML5-basierte Ports beheben kann. Auch wenn das vielleicht nicht unbedingt so performant ist wie eine native Unterstützung seitens des Browsers.
- [00:06:35] Lazy HTML Evaluation
- Ein Performance-Kniff, auf den letztes Jahr Sergey Chikuyonok gekommen ist verpackt das HTML einer Seite so, dass es vom Browser zunächst nicht vollständig ausgewertet und damit gezeichnet werden muss. Wenn der Browser auf die Weise nur den oberen, als erstes sichtbaren Teil der Seite zeichnen muss, dann ist sie schneller da (vor allem bei mobilen Browsern). Bewerkstelligen tut man das, indem man den Rest des HTML abschnittsweise in Kommentare verpackt und die Kommentare nach dem Laden erst Stück für Stück freigibt. Sowas ähnliches gibt es auch für JavaScript.
- [00:15:11] iOS 5- und Lion-Scrollgeschichten
- Neben
postion: fixed
und WOFF-Support und einigen weiteren Dingen, bringen *NDA hüstel* Mac OS X Lion und iOS 5 neue Formen des Scrollens. iOS 5 nun endlich auch bei HTML-Boxcontainern mitoverflow: scroll
. Markus, Titelverteidiger „Detailverliebtester Webentwickler von Murr“, befragte Cem (der natürlich *NDA hüstel* kein iOS 5 oder Lion besitzt) zu der genauen Umsetzungsform derselben aus. - [00:23:23] Google Instant Pages
- Nach SPDY führt Google ein neues Feature ein, dass in der Kombination Google-Service + Chrome-Browser funktioniert: Das Google Instant Pages Feature bei der Google Suche. Diese stößt über ein spezielles HTML-Tag ein vollständiges Laden und Rendern des wahrscheinlich vom User angeklickten Suchergebnisses an, so dass die Seite dann im Chrome sofort da ist. Bewerkstelligt wird das über eine
<link rel="prerender" href="xxx.yy" />
-Anweisung in der vorgelagerten Seite. Anders als bei der altbekannten Varianteprefetch
wird aber nicht nur eine einzelne Ressource, sondern es werden alle daran geknüpften geladen und die Seite im Verborgenen auch schon gerendert. Wir diskutieren, was das für Vor- und Nachteile hat. - [00:44:09] Responsive Images
- Durch eine Artikel von Keith Clark sind wir auf das Thema Responsive Images gekommen und diskutieren die verschiedenen Wege, wie man mit den heutigen Techniken Größen-angepasste Ressourcen an die diversen Kleingeräte ausliefern kann.
- [00:59:52] Markus regt sich über Web-Storage-Events auf!
- … denn sie feuern immer anders als man denkt. Da kann ihm auch unser HTML5-Beauftragter Peter nicht ganz aus der Patsche helfen.
- [01:09:15] Deutschland ist Internet-Entwicklungsland
- Wir nehmen Jens‘ Blogbeitrag zum Anlass, einen Kollektivrant bzgl. der mehr schlechten als rechten Internetversorgungssituation hier in Deutschland auf den Weg zu bringen. Es krankt am Netzausbau, an hohen Kosten, an der praxisfremden Politikern sowie an kontraproduktiven Gerichtsurteilen. Das neue, hihi, Cyberabwehrzentrum, mit seinem Minibudget und 10 Mitarbeitern, nehmen wir uns dabei natürlich auch vor. Nicht zuletzt wünschen wir uns mehr freie öffentliche WLANs und mehr von so Diensten wie FON, Freifunk oder Sofanet. Aber die rechtliche Situation ist eben kompliziert.
[01:51:12] Keine Schaunotizen
- SubtlePatterns.com
- Sammlung, angenehm hochwertiger Hintergrundmuster.
- A fresh look at JavaScript mixins
- Artikel darüber, wie man JavaScript-Code-Teile optimal an verschiedenen anderen Stellen aufgreifen kann.
- Trimage
- Toller Bildoptimierer mit GUI, den es für alle Betriebssysteme gibt.
- How, When, And Why Script Loaders Are Appropriate
- Ein Artikel darüber, wann der Einsatz von Scriptloadern angebracht ist, und wann nicht.
- Visual Event
- Bookmarklet, das alle Elemente einer Seite, die mit Events belegt sind, mit entsprechenden Symbolen überlagert. Zum Analysieren: Super!
Audio mit Kapitelmarken (iPod-kompatibel): Download wd-28.m4a
Standard Podcast [157:32m]: Hide Player | Play in Popup | Download
Kommentare
Hyperkeks #
Geschrieben am 23.06.2011 um 19:44
Nicht direkt nur zu dieser Folge, sondern mal ganz allgemein: danke für den sympathischen und meistens sehr kompetenten Podcast, der inzwischen mein liebster Webdev-Podcast ist. Macht immer Spaß euch zuzuhören und irgendwas lerne ich in jeder Folge auch immer noch.
Kleine Kritik – den Erklärungen von Markus kann ich oft nicht folgen, aber das mag auch an mir liegen.
Gruß & weiter so.
Markus Schlegel #
Geschrieben am 23.06.2011 um 20:04
Nene, ich kann mir selbst auch nicht mehr folgen, wenn ich mich mal wieder verplappert hab. Liegt wahrscheinlich oft auch daran, dass ich mit Problemen in die Sendung komme, die ich natürlich selbst nicht verstanden habe, sonst hätte ich das Problem nicht. Entsprechend wirr kann es dann werden, wenn ich das Problem umschreiben muss ;)
Schepp #
Geschrieben am 25.06.2011 um 09:40
Uiieh, Ganz großes Dankeschön dafür! :)
f #
Geschrieben am 23.06.2011 um 20:33
heute ganz schön lang, beim Laden ist mir gleich das Flash-Plugin ständig abgestürzt…
Ich denke ihr dürft nicht so hard gegenüber den Politikern sein und fordern, dass diese sich
umfassender informiersen, denn dies ist in der Realität kaum möglich. Einige Politiker
beschreiben ihre Berufslaufbahn im Nachhinein als einen Wahnsinn, bei dem sie weder
Möglichkeiten sich selbst zu informieren noch sich einmal auszuruhen. Anscheinend hält man
als Politiker den Kenntnisstand, den man sich zuvor erarbeitet hat, auch die gesamte Kariere
lang, man muss sich dann auf seine Experten verlassen.
Ob das Ganze jetzt ein guter Zustand ist, sei mal einfach dahingestellt.
ansonsten kan ich auch die Leute teilweise verstehen, die gegenüber dem Internet die genannte
skeptische Einstellung hegen, denn nicht in deren Leben spielt das Internet auch keine Rolle
und sie haben andere Interessen. Aus deren Sicht ist es wenig verständlich, dass es Leute gibt,
die 10000 immaginäre Freunde haben, statt wenigen, mit denen sie Kontakte pflegen, wie sie vor
dem Internet gab. Dies kann ich teilweise auch nicht ganz nachvollziehen und auch nicht die
Sucht, die manche zu
ansonsten hat mir diese Folge eures Potcastes sehr gut gefallen.
Chris #
Geschrieben am 24.06.2011 um 20:32
Hi,
zu „Trimage“:
Auf der Seite steht
"Trimage should be able to run on Mac/Windows. Help us with this."
Soweit ich das sehe, gibt es das Programm aktuell nur für Linux-Systeme?!?
Schepp #
Geschrieben am 25.06.2011 um 09:39
Hmm… stimmt. Als Ausweichtipps hätte ich dann folgende zwei in Petto:
Windows: http://luci.criosweb.ro/riot/
Mac: http://imageoptim.pornel.net/
Anselm H. #
Geschrieben am 26.06.2011 um 08:05
So, dann mal Aufklärung (Facebook-Phishing etc):
http://code.google.com/intl/de-DE/chrome/whitepapers/prerender.html:
In some cases while prerendering a site Chrome may run into a situation that could potentially lead to user-visible behavior that is incorrect. In those cases, the prerender will be silently aborted. Some of these cases include:
Note: This is not an exhaustive list. Last updated 6/13/11.
The URL initiates a download
HTMLAudio or Video in the page
POST, PUT, and DELETE XMLHTTPRequests
HTTP Authentication
HTTPS pages
Pages that trigger the malware warning
Popup/window creation
Detection of high resource utilization
Plugins such as Flash will have their initialization deferred until the user actually visits the prerendered page.
Schepp #
Geschrieben am 26.06.2011 um 09:09
Ah, das ist ja schonmal ganz gut. Aber XSS-Angriffe wären damit noch nicht ganz ausgeschlossen, außer diese „Malware Warning“ kommt zum Zuge. Ich bin gespannt, wie sich das in der Praxis weiterentwickeln wird. Könnte mir auf jeden Fall vorstellen, dass die anderen Browserhersteller bei den Herausforderungen eher mittel viel Bock haben, da nachzuziehen. Danke auf jeden Fall für die Info!
Anselm H. #
Geschrieben am 27.06.2011 um 09:18
Ja, XSS ist noch offen. Ich habe hier mal ein Snippet erstellt, das Analytics erst lädt, nachdem prerendering und pageload aktiv waren und der user aktiv ist: https://gist.github.com/1048549
Wäre schön, wenn das ein paar Leute testen könnten, um die GA-Funktion zu prüfen. Dauert ja immer etwas und ich hab noch nicht genug getestet…
RSS-Feed zu diesem Beitrag
Kommentare sind für diesen Beitrag geschlossen.