Beim erstellen umfangreicher Webseiten mit eigenen HTML und CSS Frameworks ist es wünschenswert mit Variablen zu arbeiten. So könnte man in einer Einstellungsdatei alle Maße und Farben angeben und somit einfach das Erscheinungsbild einer Webseite anpassen.
Genau dies bietet LessCSS. Lesscss ist eine kombination aus .less Dateien und JavaScript das daraus dann die CSS Dateien generiert. Dies kann zu Laufzeit passieren, oder die CSS Datei(en) werden per Compiler erstellt.
Mehr…
Auf den Seiten von html5rocks.com gibt es eine Online Slideshow die Umfangreich die Neuen Möglichkieten von HTML5 aufzeigt. So sind zu vilen Funktionen auch Demos hinterlegt die gleich ausprobiert werden können.
http://slides.html5rocks.com/
“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.
KategorienCSS, CSS Frameworks, SEO Tags: CSS, css styles, Firefox, PlugIn, selectors, speed matters, Styles, Tool, Webseite
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/
Kategorien(X)HTML, Allgemein, CSS, Einsteiger, JavaScript Tags: CSS, css3, htc, Internet Explorer, optimieren, Optimierung, optimization techniques, W3C
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…
Kategorien(X)HTML, Allgemein, CSS, Einsteiger, Skriptsprachen Tags: Box Shadow, CSS, css3, Firefox, htc, HTML, Internet Explorer, Transparent PNG, Webentwicklung, Windows, World Wide Web, WWW
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…
Kategorien(X)HTML, Allgemein, CSS, Einsteiger Tags: Box Shadow, css3, Firefox, htc, HTML, Internet Explorer, Mozilla, optimieren, Rounded Corner, Safari
Kommentare