Revision 18: Scoped Styles, Web Inspector Remote, Bildmanipulation in PHP episode artwork

EPISODE · Mar 22, 2011 · 1H 7M

Revision 18: Scoped Styles, Web Inspector Remote, Bildmanipulation in PHP

from Working Draft · host Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer

Nachdem wir die Sendung letzte Woche aufgrund weniger Themen und AKW-dominierter Nachrichtenlage haben ausfallen lassen, so haben wir uns diesmal den Cem Derin, alias @unset, als Co-Moderator an Bord …

Episode metadata supplied by the publisher feed · Published Mar 22, 2011

Embed this episode

Nachdem wir die Sendung letzte Woche aufgrund weniger Themen und AKW-dominierter Nachrichtenlage haben ausfallen lassen, so haben wir uns diesmal den Cem Derin, alias @unset, als Co-Moderator an Bord geholt. Der eine oder andere kennt Cem vielleicht von seinen wöchentlichen Berichten zur Schräglage der Nation in Form des Shitstorm Podcasts. SCHAUNOTIZEN WALLABY – CONVERT ADOBE FLASH FLA FILES INTO HTML AND REACH MORE DEVICES Wie der Titel schon impliziert, hat Adobe in seine Labs ein neues Werkzeug gestellt, mit sich FLA-Kompositionen in HTML5 und Co umwandeln lassen. Das läuft aber offenbar noch nicht ganz so rund, so dass es durchaus richtig ist, es in den Adobe Labs zu belassen. Dennoch begrüßen wir den Ansatz. Und wir erinnern uns an Tools wie Gordon (Demos) und Smokescreen. SCOPED STYLES IN HTML5 Bei den Scoped Styles geht es darum, eine Möglichkeit zu haben, Subsektionen im HTML-Dokument mit einem anderen Stylesheet zu stylen als den großen Rest. Nützlich in Webmail-Clients zur Darstellung von E-Mails, für fremdeingebettete Inhalte und für WYSIWYG-Editoren. Derzeit nirgends nativ implementiert, bei Mozilla und Webkit aber am fernen Horizont zu sehen, und jetzt schon in Form eines jQuery-Plugins nutzbar. A FUNCTION FOR DETECTING IF THE BROWSER IS IN A GIVEN MEDIA MODE Kleine nützliche Funktion von Nicholas Zakas, mit der in JavaScript man prüfen kann, welche CSS3 Media Queries gerade zutreffen. Also etwa so: if(isMedia("screen and (orientation:portrait)"){machwas();} WEINRE – WEB INSPECTOR REMOTE > It’s a debugger for web pages, like FireBug (for FireFox) and Web Inspector > (for WebKit-based browsers), except it’s designed to work remotely, and in > particular, to allow you debug web pages on a mobile device such as a phone. Das sagt im Prinzip schon alles. Man startet lokal einen Java-Server, bindet ein JavaScript in die auf dem Mobilgerät zu debuggende Seite ein und startet dann auf seinem Desktop den Ferndebugger, der alles kann, was der klassische Webkit Web Inspektor kann – nur dass das Anschauungsobjekt eben im Mobilgerät liegt. INTERNET EXPLORER 9 NETWORK PERFORMANCE IMPROVEMENTS Das Blogpost von Microsoft finden wir deswegen interessant, weil wir dort ein paar schöne Statistiken zum Verhältnis Wartezeit und Ausführungszeit beim Laden von Seiten an die Hand bekommen. Und es bekräftigt, dass die Optimierungskette sehr lang ist, bis man an den Punkt kommt, an dem man seine CSS-Selektoren oder JavaScripte bis ins letzte optimieren muss. APPLE HANDCUFFS ‚OPEN‘ WEB APPS ON IPHONE HOME SCREEN Wir reden darüber, warum Apple seine JavaScript Engine Nitro nur im Safari aktiviert und nicht in den Home Screen Webapps und in den Safari-nutzenden nativen Apps. WIDEIMAGE UND IMAGINE Wir stellen zwei sehr praktische Bildmanipulationsframeworks für PHP vor, die vom Resizen über Beschneiden, Rotieren, Spiegeln, Entfärben bis hin zum Maskieren alles bieten, was das von der GDLib gepeinigte Herz begehrt. TWITTERS VERÄNDERTE API-RICHTLINIEN Wir reden darüber, was die Beweggründe für Twitters pünktlich zum 5. Geburtstag ausgegebenen strammen neuen API-Richtlinien sein können. Und wir überlegen, ob wir das gut oder schlecht finden. KEINE SCHAUNOTIZEN WHEN IS A STYLESHEET REALLY LOADED? Wie man herausfinden kann, wann ein Stylesheet fertiggeladen wurde. ISCROLL 4 Kleines JavaScript, mit dem man s mit overflow: scroll in mobilen Webkits mit einem Finger scrollbar machen kann. NOWJS Framework, mit dessen Hilfe Datensätze gleichzeitig von einem Node.js-Server und clientseitig von JavaScript bearbeitbar werden.

Distinct summary based on available episode metadata or transcript content.

NOW PLAYING

Revision 18: Scoped Styles, Web Inspector Remote, Bildmanipulation in PHP

0:00 1:07:32

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

Frequently Asked Questions

How long is this episode of Working Draft?

This episode is 1 hour and 7 minutes long.

When was this Working Draft episode published?

This episode was published on March 22, 2011.

Can I download this Working Draft episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!