webthreads.de - Web 2.0, Web-Entwicklung und Netzkultur von Markus Kühle

Archive for the 'CSS' Category


Alle CSS Eigenschaften auf einen Blick

Wer Webseiten ordentlich mit CSS bestückt wird wahrscheinlich ab und an die ein oder andere Frage zu einem CSS Attribut haben. Die einfachste und wohl auch schnellste Variante eine Beschreibung, zugehörige CSS Version und Default Wert zu erfahren ist den CSS Property Index in seinen Bookmarks zu haben. Ein weiterer Vorteil dieser Liste ist, dass [...]

Google mit CSS3 quergestellt

Ein sehr schönes Beispiel wie neue, mit CSS 3 eingeführte, Cascading Style Sheet Features verwendet werden können zeigt das quergestellte Google. Verwendet wurde das CSS 3 Attribut transform. Im Detail sieht die Eigenschaft wie folgt aus:

transform: rotate(-90deg);

Und das Ergebnis kann live auf antimatter15.com bewundert werden:

Und das die Suche auch wirklich funktioniert zeigt der folgende Screenshot:

Der [...]

Warum Cascading Style Sheets?

Der folgende Ausschnitt stammt von Peter Kropff und seinem wirklich ausführlichen CSS Tutorial aus dem Kapitel “Grundlagen”:

Vielleicht erinnert sich der ein oder andere noch an die Zeit, als der Netscape Navigator einen Marktanteil von 90% hatte. Es war die Zeit, als der Mensch in Deutschland gerade den aufrechten Gang im Internet erlernte, also sozusagen im [...]

Artikelempfehlung: Barrierefreie Formulare mit Html und CSS

Ich habe einen wirklich guten Artikel von der “Initiative der Aktion Mensch für ein barrierefreies Internet” über die Erstellung von Formularen mit dem Titel “Reine Formsache – Barrierefreie Formulare mit Html und CSS” gefunden und das muss ich einfach kurz weiterleiten. Der Artikel selbst ist relativ lang und erstreckt sich über mehrere Seiten aber wenn [...]

CSS WYSIWYG Online Editor

Einen WYSIWYG Editor für Html Texte kennt man im Form eines “Rich Editors” wie er z.b. auch in Wordpress gegeben ist. Einen WYSIWYG Editor für CSS im Browser dagegen ist schon schwerer zu finden. Wer eine schnelle und unkomplizierte Untersützung für CSS benötigt ist somit bei csstypeset.com genau richtig.

Einfach einen Text in die linke Box [...]

Das etwas andere Homer Simpson Porträt

Das hier zu sehende Homer Simpson Porträt ist nicht nur einfach ein Bild sondern ein mit Zeichen und CSS Formatiertes Kunstwerk:

Da hat sich doch tatsächlich jemand Names Roman Cortes die Mühe gemacht ein Bild von Homer Simpson rein mit HTML und CSS zu erzeugen.
Schaut man sich den Quelltext dieses Kunstwerkes an, so sieht man wie [...]

Webstandards und transparente PNG für den IE

Ein sehr interessantes Projekt ist das Projekt von Dean Edwards, welches es durch eine JavaScript Bibliothek ermöglicht dem Internet Explorer einige W3C Standards beizubringen. Zumindest sollte dieser sich mit diesem Script dann wie ein Standard konformer Browser verhalten.

Um das JavaScript nur für den Internet Explorer einzubinden wird die IE-if Bedingung verwendet und dabei bestehen zwei [...]

Bad Behavior has blocked 1071 access attempts in the last 7 days.