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

Published: March 22, 2011, 2:17 p.m.

b'Nachdem wir die Sendung letzte Woche aufgrund weniger Themen und AKW-dominierter\\nNachrichtenlage haben ausfallen lassen, so haben wir uns diesmal den Cem Derin,\\nalias @unset, als Co-Moderator an Bord geholt. Der eine oder andere kennt Cem\\nvielleicht von seinen w\\xf6chentlichen Berichten zur Schr\\xe4glage der Nation in Form\\ndes Shitstorm Podcasts.\\n\\n\\nSCHAUNOTIZEN\\n\\nWALLABY \\u2013 CONVERT ADOBE FLASH FLA FILES INTO HTML AND REACH MORE DEVICES\\n\\nWie der Titel schon impliziert, hat Adobe in seine Labs ein neues Werkzeug\\ngestellt, mit sich FLA-Kompositionen in HTML5 und Co umwandeln lassen. Das l\\xe4uft\\naber offenbar noch nicht ganz so rund, so dass es durchaus richtig ist, es in\\nden Adobe Labs zu belassen. Dennoch begr\\xfc\\xdfen wir den Ansatz. Und wir erinnern\\nuns an Tools wie Gordon (Demos) und Smokescreen.\\n\\nSCOPED STYLES IN HTML5\\n\\nBei den Scoped Styles geht es darum, eine M\\xf6glichkeit zu haben, Subsektionen im\\nHTML-Dokument mit einem anderen Stylesheet zu stylen als den gro\\xdfen Rest.\\nN\\xfctzlich in Webmail-Clients zur Darstellung von E-Mails, f\\xfcr fremdeingebettete\\nInhalte und f\\xfcr WYSIWYG-Editoren. Derzeit nirgends nativ implementiert, bei\\nMozilla und Webkit aber am fernen Horizont zu sehen, und jetzt schon in Form\\neines jQuery-Plugins nutzbar.\\n\\nA FUNCTION FOR DETECTING IF THE BROWSER IS IN A GIVEN MEDIA MODE\\n\\nKleine n\\xfctzliche Funktion von Nicholas Zakas, mit der in JavaScript man pr\\xfcfen\\nkann, welche CSS3 Media Queries gerade zutreffen. Also etwa so:\\nif(isMedia("screen and (orientation:portrait)"){machwas();}\\n\\nWEINRE \\u2013 WEB INSPECTOR REMOTE\\n\\n> It\\u2019s a debugger for web pages, like FireBug (for FireFox) and Web Inspector\\n> (for WebKit-based browsers), except it\\u2019s designed to work remotely, and in\\n> particular, to allow you debug web pages on a mobile device such as a phone.\\n\\nDas sagt im Prinzip schon alles. Man startet lokal einen Java-Server, bindet ein\\nJavaScript in die auf dem Mobilger\\xe4t zu debuggende Seite ein und startet dann\\nauf seinem Desktop den Ferndebugger, der alles kann, was der klassische Webkit\\nWeb Inspektor kann \\u2013 nur dass das Anschauungsobjekt eben im Mobilger\\xe4t liegt.\\n\\nINTERNET EXPLORER 9 NETWORK PERFORMANCE IMPROVEMENTS\\n\\nDas Blogpost von Microsoft finden wir deswegen interessant, weil wir dort ein\\npaar sch\\xf6ne Statistiken zum Verh\\xe4ltnis Wartezeit und Ausf\\xfchrungszeit beim Laden\\nvon Seiten an die Hand bekommen. Und es bekr\\xe4ftigt, dass die Optimierungskette\\nsehr lang ist, bis man an den Punkt kommt, an dem man seine CSS-Selektoren oder\\nJavaScripte bis ins letzte optimieren muss.\\n\\nAPPLE HANDCUFFS \\u201aOPEN\\u2018 WEB APPS ON IPHONE HOME SCREEN\\n\\nWir reden dar\\xfcber, warum Apple seine JavaScript Engine Nitro nur im Safari\\naktiviert und nicht in den Home Screen Webapps und in den Safari-nutzenden\\nnativen Apps.\\n\\nWIDEIMAGE UND IMAGINE\\n\\nWir stellen zwei sehr praktische Bildmanipulationsframeworks f\\xfcr PHP vor, die\\nvom Resizen \\xfcber Beschneiden, Rotieren, Spiegeln, Entf\\xe4rben bis hin zum\\nMaskieren alles bieten, was das von der GDLib gepeinigte Herz begehrt.\\n\\nTWITTERS VER\\xc4NDERTE API-RICHTLINIEN\\n\\nWir reden dar\\xfcber, was die Beweggr\\xfcnde f\\xfcr Twitters p\\xfcnktlich zum 5. Geburtstag\\nausgegebenen strammen neuen API-Richtlinien sein k\\xf6nnen. Und wir \\xfcberlegen, ob\\nwir das gut oder schlecht finden.\\n\\n\\nKEINE SCHAUNOTIZEN\\n\\nWHEN IS A STYLESHEET REALLY LOADED?\\n\\nWie man herausfinden kann, wann ein Stylesheet fertiggeladen wurde.\\n\\nISCROLL 4\\n\\nKleines JavaScript, mit dem man

s mit overflow: scroll in mobilen Webkits\\nmit einem Finger scrollbar machen kann.\\n\\nNOWJS\\n\\nFramework, mit dessen Hilfe Datens\\xe4tze gleichzeitig von einem Node.js-Server und\\nclientseitig von JavaScript bearbeitbar werden.'