“Speed matters” heißt es mittlerweile im Web. Dazu gehört das man seinen Code so schlank wie möglich hält.
Das Firefox PlugIn 
Dust-Me Selectors bietet die Möglichkeit, unbenutzte CSS Styles zu finden. Das Tool scannt die Webseite und erstellt eine Liste aller nicht verwendeten Styles.
Die meisten neuen Browser unterstützen die :hover funktion für alle Tag Elemente. Das ereinfacht die grfische Hervorhebung von Elementen und hällt den Code schlank. Leider für dies bei älteren Internet Explorern zu unberechenbaren Ergebnissen.
Die Einbindung ist wieder sehr einfach:
body {
behavior: url("csshover3.htc");
}Demos und Scripts finden Sie hier unter http://www.xs4all.nl/~peterned/htc/
Als 3. Beispiel gibt es natürlich auch für das PNG Problem eine Lösung. PNG Images mit transparentem Hintergrund können in einem IE 6 nicht dargestellt werden. Auch dafür gibt es ein htc Script das einfach eingebunden werden kann. Mehr…
Funktionen die bereits in Firefox oder Safari bereits seit längerem integriert sind können mit .htc Erweiterungen auch auf den Internet Explorer ältern Datums gebracht werden.
Dazu gehört auch die Funktion Box Shadow. Das Script IE-CSS3.htc das über JavaScript diese Funktionen nachträglich in den IE implementiert, läßt sich einfach in den CSS Code implementieren Mehr…
Gerade jetzt in der Übergangszeit da der Anteil der IE 6 Benutzer immer weniger wird, man sie aber trotzdem noch nicht ganz vernachlässigen kann, ist es gut wenn man Funktionen wie Rounded corner auch in den alten Browser einfach integrieren kann. Über das Script border-radius.htc lassen sich über CSS, ohne zusätzlichen HTML Code, runde Ecken verwirklichen. Mehr…
Seit einiger Zeit frage ich mich ob es stimmt, das die Verwendung von H2 Tags bei Seitenüberschriften für Google Bewertungen wirklich besser ist, als die Verwendung von H1. Eigentlich war die Erklärung einleuchtend – H1 sollte für die Header Grafik bzw. den Seitennamen verwendet werden. Mehr…
Oft hat man noch keine Bilder bei der Erstellung einen Seiten Layouts vorbereitet. Dafür stellt der Webdienst http://dummyimage.com jetzt eine automatische Generierung von Bildern zu Verfügung. Ein <img src=”http://dummyimage.com/150×100″> wird Ihnen automatisch ein Bild von der Größe 150×100 einbinden. So können Sie kurzfristig Platzhalter erstellen die Sie nirgends auf der lokalen Fetplatte rumzuliegen haben müssen.
Kommentare