Der Entwickler Todd Motto und der Creative Director Mark Goodyear haben Conditionizr veröffentlicht, ein „bedingungsloses Vermächtnis, Retina, Skript und Style Loader“. Laut der Conditionizr-Website erkennt das intelligente jQuery-Plug-In das Browser- und Pixelverhältnis eines Endbenutzers und ermöglicht es Ihnen, bestimmte bedingte JavaScript- und CSS-Dateien bereitzustellen, die sie benötigen. Wir haben mit Motto darüber gesprochen, warum das Plug-In erstellt wurde und wie es Designern und Entwicklern zugute kommen kann.
.net: Warum haben Sie Conditionizr erstellt?
Motto: Es gibt eine Lücke im Toolkit eines Webentwicklers, wenn es darum geht, mit Internet Explorer und der Bereitstellung älterer Inhalte richtig umzugehen. Wir stützen uns auf bedingte Aussagen, die unsere Websites überladen. Es ist eine alte Technik, die sich unter HTML5 einfach falsch anfühlt.
Conditionizr wurde mit dem Ziel „bedingt frei“ geboren und mit cleverem JavaScript für eine sauberere Markup-Zukunft entwickelt. Wir haben einen Modernizr-ähnlichen Ansatz gewählt. Wenn wir uns auf die Feature-Erkennung mit JavaScript verlassen können, können wir damit natürlich den IE in Angriff nehmen und Entwickler von der Verwendung bedingter Kommentare befreien.
.net: Für welche Anwendungsfälle ist es geeignet?
Motto: Es ist für alle Fälle angemessen, Conditionizr wurde für die Integration in absolut jedes Website-Projekt erstellt. Für die Kundenarbeit und alle kommerziellen Websites ist es eine perfekte Lösung, die sogar auf den IE6-Support zurückdatiert.
Die Aufrechterhaltung der Integrität des Quellcodes ist für Webentwickler ein großes Problem. Daher haben wir sichergestellt, dass Conditionizr intelligent und unsichtbar ist. Es stellt den erforderlichen Inhalt nur dann bereit, wenn er benötigt wird, und verbessert die Leistung in allen Browsern, nicht nur in modernen.
.net: Wie funktioniert es?
Motto: Um IE7 als Beispiel zu nehmen: Der Browser würde eine globale erhalten dh Klasse auf dem HTML-Tag sowie eine ie7 Klasse, gefolgt von einer Überprüfung der Netzhaut und des Betriebssystems, und anschließend angehängte Klassen. Auf diese Weise erhalten Sie eine vollständige Suite von Klassen für das punktgenaue Targeting.
Conditionizr enthält auch eine benutzerdefinierte Skriptfunktion, mit der Sie ältere Browser problemlos und ohne Markup ausfüllen können! Sie können Dinge wie HTML5 Shim, CSS3 mediaqueries.js und vieles mehr einschließen. Außerdem ist Conditionizr nicht ressourcenintensiv und die minimierte Quelle ist nur 3 KB groß. Selbst wenn Sie nur für einen Browser laden, wird dies keinen spürbaren Unterschied machen.
.net: Welche Vorteile bringt Conditionizr auf der Retina-Seite gegenüber bestehenden Methoden?
Motto: Bestehende Methoden umfassen Medienabfragen, um Bilder an Retina-Geräte zu liefern, indem sie auf deren DPI abzielen. Conditionizr verfügt über ein cleveres Tool, mit dem Sie ein hinzufügen können Retina Klasse zum HTML-Tag und a keine Netzhaut Tag, wenn es sich nicht um ein Retina-Gerät handelt - Ermöglicht progressive Verbesserungstechniken nach einem Modernizr-Muster.
Es macht es auch einfach, Grafiken zu optimieren, die nicht von Medienabfragen abhängig sind. Verwenden von .Retina und .keine Netzhaut ist in CSS viel einfacher und leichter. Das Retina-Erkennungstool enthält auch einen Stil, ein Skript und die Möglichkeit, ein benutzerdefiniertes Skript zu laden. Dies macht die Integration mit vorhandenen Retina-Plug-Ins nahtlos.