Webdesign mit runden Ecken

Dienstag, 9. Dezember 2008

CSS Container mit runden Ecken

Auf dillerdesign.com gibt es eines der wohl besten “Rounded Corner Scripts”.
Dieses JavaScript für abgerundete Ecken arbeitet ohne Grafiken und funktioniert im Internet Explorer 6 ohne AlphaImageLoader. Außerdem ist es sehr klein ( komprimiert nur 3.62Kb) und wirklich einfach einzusetzen.

Runde Ecken

Website: http://dillerdesign.com/experiment/DD_roundies/

Popularity: 12% [?]

Formulare mit CSS und JavaScript aufpeppen

Montag, 24. November 2008

Schönere Formulare mit JavaScript

Die Möglichkeiten Formulare mit CSS zu gestalten sind recht beschränkt. Mit Hilfe von JavaScript hat man hier aber deutlich mehr Gestaltungsspielraum. Niceforms 2.0 ersetzt die standard Formular Elemente und ist zudem sehr einfach einzubinden. Das JavaScript ist auch nur 24kb groß was durchaus zu verkraften sein dürfte. Bei deaktiviertem JS funktionieren die Formulare dennoch einwandfrei.

NiceForms

Demo: http://www.emblematiq.com/niceforms/v20/niceforms.html
Website: http://www.emblematiq.com/projects/niceforms/

Popularity: 11% [?]

Scrollbalken für jedes Betriebssystem und jeden Browser anpassen

Dienstag, 7. Oktober 2008

Scrollbalken individuell anpassen

Es wäre wirklich schön, wenn man das Aussehen der Scrollbalken einfach per CSS anpassen könnte. In älteren Internet Explorer Versionen war das ja mit CSS Eigenschaften wie scrollbar-face-color und ähnlichem möglich, aber leider hat sich das nie browserübergreifend durchgesetz.

Häufig passen die standard Scrollbalken des Betriebssystems einfach nicht zum Design, besonders dann, wenn nicht die gesamte Seite, sondern nur kleine Container über overflow:auto einen Scrollbalken anzeigen sollen.

Mit Hilfe von JavaScript ist es dennoch ohne viel Aufwand möglich diese Scrollbalken anzupassen.

Am einfachsten funktioniert das mit JS Frameworks wie jQuery oder Mootools.

Hier haben wir ein jQuery Plugin: jScrollPane.
Hier ein Mootools Plugin: UvumiTools Scrollbar Plugin
Und hier eine Mootools Alternative: http://solutoire.com/experiments/scrollbar/index.html

Ein weiteres Demo zum jQuery plugin gibt es auf CSS-Tricks.com

Popularity: 17% [?]

Web Typografie und CSS zum herunterladen

Dienstag, 16. September 2008

Web Typografie
und CSS zum herunterladen und kopieren

Eine gelungene Typografie gestaltet sich für Webdesigner oft sehr schwierig, besonders wenn man das Schriftbild für verschiedene Systeme wie Windows und Mac optimieren möchte.

Um so erfreulicher ist ein relativ neuer Service von Typechart. Hier kann man nämlich verschiedenste typografische Lösungen “durchblättern” und miteinander vergleichen. Die Seite bietet außerdem eine Vorschau für Mac und Windows und erlaubt es, das entsprechende CSS ganz einfach zu kopieren.

Das Angebot ist nach Schriftarten, Art der Hervorhebung und Schriftgößen gegliedert und nimmt dem Webdesigner einiges an Arbeit ab. Auf jeden Fall eine Seite, die ich in Zukunft öfters besuchen werde.

Popularity: 14% [?]

Seiten: Zurück 1 2 3 4 5 6 7 8 9 10 ...12 13 14 Weiter

blogCloud bloggerei.de supported by www.rankingcloud.de Gelistet im Blog Verzeichnis