Captain Obvious

I'm the Doctor

Category Archives: CSS

Eine kleine Einführung in LESS

LESS ist eine Stylesheet-Sprache entwickelt von Alexis Sellier, die das Arbeiten mit CSS erleichtern soll. Bisher stand ich dem immer etwas skeptisch gegenüber, weil ich dachte “Pah, CSS ist doch schon total einfach. Könnte übersichtlicher sein, aber ansonsten sehe ich den Sinn in LESS nicht.” Dann habe ich es doch mal ausprobiert und war sofort [...]

CSS Clown gefrühstückt

I'm the Doctor

Laden von Webseiten mit CSS Sprites beschleunigen

In den Zeiten des Web 2.0 schauen die meisten Leute mehr und mehr ausschließlich auf das Aussehen einer Webseite. Ganz egal, wie viele Javascript-Bibliotheken man einbindet, hauptsache, alles sieht schön nach Web 2.0 aus. Wer die Ladezeiten seiner Seite verkürzen möchte hat zwei Möglichkeiten: Dateien/Grafiken verkleinern Anzahl der http requests verringern Um das zu verstehen [...]

Hölzerne Hintergründe

Drüben bei bittbox gibt es ein paar kostenlose Holz-Texturen, mit denen man seiner Webseite einen netten Naturlook geben kann. Drüben bei bittbox gibt es ein paar kostenlose Holz-Texturen, mit denen man seiner Webseite einen netten Naturlook geben kann.

Gekachelter Website-Background

Ich persönlich habe mich ja immer gefragt, wie man ein gekacheltes Hintergrundbild für eine Webseite bastelt, so dass die Kacheln ohne sichtbaren Übergang zusammen passen. Mit Streifen / diagonalen Linien hatte ich das damals mal hinbekommen (mit viel Mühe), heutzutage gibt es dafür Tools wie den Stripe-Generator oder ähnliches. Wer mehr als Streifen oder Karos [...]

Strip down to the bones

CSS Naked Day ist ja heute. CSS abschalten und gucken, ob man die Seite noch nackt benutzen kann (also die Seite wäre nackt, die Nacktheit des Benutzers sollte keine negativen Auswirkungen auf die Seite haben). Also beim Suchfeld fehlt der Button und man weiß nicht, wozu das Feld da ist aber sonst sieht alles okay [...]

Nützliche CSS-Tipps

CSS-Globe stellt ein paar nützliche kurze Tipps für CSS vor, um z.B. Zeilenumbrüche in Links zu verhindern oder dafür zu sorgen, dass Bilder nicht größer als ihr Elternelement sein können. Alle Tipps hier (Da private Blogs in meinem FeedReader weiter oben sind, als die Blogs im Ordner Web/Webdesign habe ich das zuerst beim Korsti gesehen [...]

Vorlage für einspaltiges WordPress Theme

Ich habe mir ewig Zeit gelassen, aber heute habe ich es dann doch endlich mal fertig gemacht. In den weiten des World Wide Web habe ich schon ein paar Vorlagen für WordPress Themes gefunden, Vorlagen, die es einem erleichtern sollen, ein eigenes Theme zu gestalten. Bei Tomorrow’s Laundry gibt es z.B. Vorlagen für verschiedene zweispaltige [...]

Mehr CSS Eigenschaften mit MoreCSS.js

Mit der MoreCSS Javascript Bibliothek kann man neue Aktionen in seinem CSS einbauen, wie z.B. das automatische Abschneiden eines Textes nach einer angegebenen Anzahl von Zeichen. p.teaserTextBox { text-slice: 20; } Der Code in dem Beispiel schneidet Text nach 20 Zeichen ab. Andere Möglichkeiten sind das Validieren von Formulareingaben, Formulare mit Auswahl einer Select-Option abschicken, [...]

Schönerer E-Mail Links

Es gibt CSS-Funktionen, die ich bisher nie genutzt habe. Die werden sowieso selten genutzt, obwohl die manchmal sehr nützlich sein können. Das hier kennt wohl jeder: h1 { color: blue; } Wenn man aber schreibt: h1[title] { color: blue; } heißt das, nur h1-Elemente, die ein Title-Tag haben, werden blau dargestellt. Noch besser: CSS kann [...]