Prefixfree setzt erforderliche Prefixes automatisch
Browserprefixing ist eine zumeist lästige, aufwändige, aber unabdingbare Vorgehensweise in der Erstellung von CSS-Stylesheets. Es ist aber immer noch um Längen besser, als das CSS Hacking vor einigen Jahren. Browserprefixes sprechen gezielt Implementierungen der jeweiligen CSS-Elemente des jeweiligen Browsers an. So lässt sich sicherstellen, dass der Benutzerbrowser erkennt, wie eine bestimmte Anweisung mit seinem eigenen Featureset umgesetzt werden kann.
Das Problem ist, dass es viele verschiedene Browser mit vielen verschiedenen Implementierungen gibt, so dass ein CSS-File heutzutage schnell schwer lesbar ob der ganzen Prefixes wird. Entwicklerin Lea Verou, Ästhetin reinsten Wassers, wollte sich den ganzen Kraut- und Rüben-Code nicht länger anschauen müssen und entwickelte eine Lösung.
Ihr Script Prefixfree erlaubt es dem Designer, CSS-Files zu schreiben, ohne dabei Browserprefixes zu verwenden. Prinzipiell müsste er sie nicht einmal kennen. Im Kopf der jeweiligen Seite eingebunden, sorgt Prefixfree zur Laufzeit dafür, dass der Zielbrowser über das korrekte Prefix angesprochen wird. Die Einbindung zur Laufzeit ist das stärkste Argument für die Umsetzung des Scripts als clientseitige Implementation im Gegensatz zu einer serverseitigen Abwicklung dieser Aufgabe.
Wer für bestimmte Fälle sicherstellen will, dass auch tatsächlich das korrekte Prefix gesetzt werden wird, der kann natürlich weiterhin entsprechende Anweisungen manuell einbauen. Prefixfree übergeht bereits mit Prefixes versehene Anweisungen.
Prefixfree steht zur kostenlosen Verwendung unter GitHub zur Verfügung. Es kann auch als jQuery-Plugin verwendet werden.
[via Smashing Magazine]
Die aktuellen News auf t3n zum Thema:
- jQuery Mobile 1.0 erschienen - t3n News November 2011
- jQuery-Plugins: 10 Helfer für schönere Schriften - t3n News Oktober 2011
- 10 freie jQuery-Plugins im Überblick - t3n News September 2011
- jQuery Mobile: Grundlegende Konzepte und Funktionsweisen - t3n News August 2011
- Mobile Websites mit jQuery Mobile und TYPO3 - t3n Magazin #22
16 Answers
von Prefixfree – Script/jQuery-Plugin mach… 14.10.2011 (19:53Uhr) 1.
[...] Weiterlesen bei t3n >> [...]
von Herald 15.10.2011 (00:16Uhr) 2.
wer achtet heute auch schon noch auf unobstrusive javascript..
von Prefixfree – Script/jQuery-Plugin… 17.10.2011 (22:20Uhr) 3.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n Magazin Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbart3n MagazinPrefixfree ist ein kostenlos verfügbares Javascript, das es erlaubt, CSS stets ohne Prefixing zu schreiben. Source: t3n.de [...]
von Animatable: CSS-Transitions im Überblic… 30.10.2011 (13:30Uhr) 4.
[...] ist sie sehr aktiv. Erst vor kurzer Zeit stellten wir hier bei t3n ihr Projekt PrefixFree vor. Hier handelt es sich um ein Script, das automatisch etwa erforderliche Browser-Prefixes in ein [...]
von Animatable: CSS-Transitions im Überblic… 30.10.2011 (13:30Uhr) 5.
[...] ist sie sehr aktiv. Erst vor kurzer Zeit stellten wir hier bei t3n ihr Projekt PrefixFree vor. Hier handelt es sich um ein Script, das automatisch etwa erforderliche Browser-Prefixes in ein [...]
von Prefixfree – Script/jQuery-Plugin… 21.11.2011 (23:18Uhr) 6.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n Magazin Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbart3n MagazinPrefixfree ist ein kostenlos verfügbares Javascript, das es erlaubt, CSS stets ohne Prefixing zu schreiben. Source: t3n.de [...]
von Webentwicklung: Uniform – Sexy Formula… 12.12.2011 (16:00Uhr) 7.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Okt 2011 [...]
von Webentwicklung: Uniform – Sexy Formula… 12.12.2011 (16:00Uhr) 8.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Okt 2011 [...]
von Webentwicklung: Uniform – Sexy Formula… 12.12.2011 (16:00Uhr) 9.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Okt 2011 [...]
von Webentwicklung: Uniform – Sexy Formula… 12.12.2011 (16:00Uhr) 10.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Okt 2011 [...]
von Webentwicklung: Uniform – Sexy Formula… 12.12.2011 (16:00Uhr) 11.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Okt 2011 [...]
von Webentwicklung: Uniform – Sexy Formula… 12.12.2011 (16:00Uhr) 12.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Okt 2011 [...]
von Cloud Zoom – jQuery-Plugin erfüllt al… 14.12.2011 (13:46Uhr) 13.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Oktober 2011 [...]
von Chosen – Javascript-Plugin verschöner… 14.12.2011 (14:17Uhr) 14.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Oktober 2011 [...]
von SFBrowser: Dateimanager auf Basis von jQ… 14.12.2011 (14:26Uhr) 15.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Oktober 2011 [...]
von jQuery-Plugins: 10 Helfer für schönere… 19.12.2011 (12:19Uhr) 16.
[...] Prefixfree – Script/jQuery-Plugin macht CSS-Files lesbar - t3n News Oktober 2011 [...]