hubionmac.com » css http://hubionmac.com/wordpress script the unscriptable Fri, 03 Feb 2012 22:41:10 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Webdev: Webkit Transition Beispielhttp://hubionmac.com/wordpress/2010/05/webdev-webkit-transition-beispiel/ http://hubionmac.com/wordpress/2010/05/webdev-webkit-transition-beispiel/#comments Mon, 31 May 2010 02:52:21 +0000 hubi http://hubionmac.com/wordpress/?p=2234 Ich wollte für eine kleine Web-Anwendung die ich gerade schreibe einen Effekt nutzen, den ich auf der Seite von The Wonderfactory gesehen habe. Dort kann man auf der Seite die Schlagzeilen durchblättern, was vermutlich mit der selben Technik umgesetzt wurde, die die auch für die HTML-5 Ausgabe der Sports-Illustrated genutzt haben.
Ich bin nicht so ein Freund von aufgeblähten JavaScript-Bibliotheken (zu aufgebläht für meine Seite) und diesen setTimeout-Pfusch den man nutzt, um etwas Bewegung in eine Seite zu bringen. Deshalb und weil die Seite die ich gerade schreibe wohl hauptsächlich von Webkit-Browsern angesteuert werden dürfte, habe ich mir so eine Wisch-Effekt-Box mit dem ein bissle JavaScript und etwas mehr CSS zusammengebaut. Unterm Strich können diese Webkit-Transition-Effekte einiges an JavaScript-Code überflüssig machen und die Seite läuft damit auch problemlos auf dem iPhone =)
Und die Animation soll angeblich auch von der Hardware beschleunigt werden.
Link zur Demo Seite

]]> http://hubionmac.com/wordpress/2010/05/webdev-webkit-transition-beispiel/feed/ 0 CSS-Selectorhttp://hubionmac.com/wordpress/2009/09/httpwww-selectorgadget-com/ http://hubionmac.com/wordpress/2009/09/httpwww-selectorgadget-com/#comments Wed, 02 Sep 2009 08:08:35 +0000 hubi http://hubionmac.com/wordpress/?p=1289 Unter http://www.selectorgadget.com/ gibt es ein kleines Tool das mit Hilfe von JavaScript das einem hilft, den korrekten css-selector für ein Objekt zu finden. Ist wahrscheinlich recht praktisch, wenn man Seiten nachträglich skripten möchte oder existierende mit einem neuen Stylesheet versehen möchte. Quelle

]]> http://hubionmac.com/wordpress/2009/09/httpwww-selectorgadget-com/feed/ 0