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

Archive for the 'CSS' Category


Netter kleiner CSS Spickzettel

Ohne viel Text will ich einfach auf einen netten kleinen CSS Spickzettel verweisen. Alle wichtigen und am häufigsten gebrauchten CSS Definitionen oder Konfigurationsmöglichkeiten stehen auf einer Seite zusammengeführt. Die Seite ist leider nicht als pdf verfügbar sondern als reine html Seite abzurufen. Aber man kann sie sich ja auf Papier ausdrucken, als pdf ausdrucken oder [...]

Warum Layout mit Tabellen dumm ist

Einen sehr nett aufgemachten Artikel über die Verwendung von CSS anstatt Tabellen bei einem Layout der Webseite mit dem Titel “Warum Layout mit Tabellen dumm ist” ist bei seybold.jan-andresen.de zu finden. Finden Sie heraus, woher die Probleme kommen, und lernen Sie Methoden für die Übergangsphase und schließlich für ein komplett tabellenfreies Layout. Selbst bin ich [...]

CSS Evolution

Es ist doch mal ganz interessant wie andere Leute an die Gestaltung ihrer Seite rangehen. Eine schöne Animation wie ein Design einer Seite entsteht liefert Dylan Bennett auf seinem Blog. Er hat sich die Mühe gemacht jeden Schritt mit einem Screenshot zu sichern und diese anschließend hintereinander gesetzt. Das animierte Gif hat eine Größe von [...]

Das tägliche Farbschema

Wer im Web nach Farben, Farbverläufen oder Farbschemen sucht findet gerade in der letzten Zeit recht gute Angebote. So habe ich schonmal über das “Color Tool“, der “Web 2.0 Farbpalette” oder einem “Farbpaletten Generator” berichtet. Alles schöne Tools oder Seiten auf denen man an nette Farbverläufe mit dazugehörigen Daten gelangen kann. Die neueste Entdeckung ist [...]

CSS Animationen leicht gemacht

Eine wirklich sehr effiziente Bibliothek rund um Animationen im Zusammenspiel mit prototype ist Animator.js. Mit wenigen Zeilen JavaScript Code lassen sich durch diese Klasse schöne Effekte erzielen. Viele Effekte können schon mit einfachen CSS Angaben erreicht werden. Auf der Animator.js Seite sind viele Beispiele mit Source Code aufgelistet die man direkt testen kann. Die Animator.js [...]

Dynamische CSS Layouts

Wer eine neue Webseite erstellt benötigt im ersten Schritt ein Grundlayout. So stellt sich erst die Fragen ob ein oder zwei Spalten links oder rechts platziert werden soll oder ob das Layout dynamisch oder statisch sein soll. Vor einiger Zeit wurde das Layout anschließend mit einer Tabelle realisiert und alle waren glücklich. Heute sagt man, [...]

Style deine Radio Buttons und Checkboxes

Ein schönes Tutorial wie man Radio Buttons und Checkboxes in ihrem Style verbessern kann liefert Phillip Howard. Grundsätzlich besteht das Problem bei der Erstellung von Html Formularen, dass bis auf Radio Buttons und Checkboxes alle anderen Formularelemente einfach mit Style Attributen in ihrer Darstellung verschönert oder an das Seitendesign angepasst werden können. In dem Tutorial [...]

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