Archiv

Archiv für die Kategorie ‘CSS’

Unbenutzte CSS Styles finden

7. März 2010 Christian 2 Kommentare

Speed matters“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.

Unberechenbare hover Funktion in IE optimieren

6. Februar 2010 Christian Keine Kommentare

:hover Funktion bei IE unberechenbarDie 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/

Transparente PNG Images in Internet Explorer 6

5. Februar 2010 Christian 1 Kommentar

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…

Box Shadow auch im Internet Explorer ab Version 6

5. Februar 2010 Christian Keine Kommentare

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…

Rounded corner auch im Internet Explorer 6

4. Februar 2010 Christian 1 Kommentar

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…

Dummy Images beim Entwickeln von Webseiten

29. Januar 2010 Christian Keine Kommentare

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.

Bildschirmauflösung und Webseiten

29. Januar 2010 Christian Keine Kommentare

Apple MacintoshAls ich 1986 bei meinem Ersten USA Aufenthalt in SanFrancisco nicht anders konnte und mir einen Macintosh 512 als Souvenir mitgebracht hatte, war bei einer Bildschirmauflösung von 512 x 342 noch gar nicht dran zu denken das man sich bei der Webentwicklung mal Gedanke darüber machen muss. Noch dazu gab es damals das World Wide Web noch gar nicht. Aber mittlerweile ist es sicher Notwendig bei der Entwicklung einer neuen Seite mal kurz drüber nachzudenken.

“Diese Webseite ist optimiert für eine Bildschirmauflösung von 800×600″

Mehr…