Community rund um Cascading Style Sheets, Tutorials & KnowHow für Webmaster

Archiv für die Kategorie „Design Inspiration“

Clevere CSS Navigationen

Dienstag, 27. Oktober 2009

Einer der wichtigsten Teile einer Website ist sicherlich die Navigation und diese ist meistens auch am aufwendigsten zu erstellen. Deshalb ist es besonders wichtig ein übersichtliches und semantisch sauber programmiertes Menü zu erstellen, welches die eine einfache Navigation ermöglicht und den Besucher schnell zu dem gewünschten Ziel führt. Eine Möglichkeit, die Stylesheets bieten sind Listen (UL / LI) um solche Menüs zu erstellen. Hier sind ein paar Beispiele:

Magix: CSS Dropdown Menü

Magix Navi
Magix verfügt über eine große Anzahl von Links und verpackt diese in einer optisch sehr ansprechenden und logisch aufgebauten Drop-Down-Navigation. Die fünf Oberkategorien zeigen jeweils verschiedene Unterkategorien, welche alle mit einem Hover-Effekt versehen sind. Dieser Effekt zeigt eindeutig wo man sich befindet und erleichtert so die Navigation.

This is a preview of Clevere CSS Navigationen. Read the full post (520 words, 3 images, estimated 2:05 mins reading time)

Veröffentlicht in Design Inspiration, Tutorials | 1 Kommentar »

Die treuen Newsletter Leser wissen es bereits…

Donnerstag, 23. April 2009

…Jaaaaaaa…auch bei uns wird fleissiger Einsatz gelobt - und belohnt!

Und das gibst zu gewinnen

Und das gibst zu gewinnen

Wir haben in unserem Forum einen Aktions-Thread eröffnet, in dem Ihr Eure Ideen und Vorschläge einbringen könnt.
Mit diesem Schritt möchten wir Euch an der Weiterentwicklung des Forums beteiligen.

Und das Beste: Ihr könnt auch was gewinnen!

Grübelst du noch oder postest Du schon?

Also registrieren (sofern überhaupt noch nicht geschehen - tze!), posten und mitverbessern!

Vielen Dank vorab schon mal an die Teilnehmer!

Es grüsst Euch

Das CSS-Info - Team

Permanent link to this post (86 words, 1 image, estimated 21 secs reading time)

Schlagworte:,
Veröffentlicht in Design Inspiration | Keine Kommentare »

Online Zeitvertreib und gute Laune fürs Wochenende mit JamLegend

Freitag, 27. März 2009
The JamLegend Team

Image by Somewhat Frank via Flickr

Seit einiger Zeit gibt es  die kostenlose Online Alternative zu Guitar Hero namens JamLegend. Ähnlich wie die Spiele Guitar Hero und Rock Band, simuliert JamLegend den Nervenkitzel vor einer ausverkauften Menge zu rocken.

Dazu ist natürlich diese Webseite auch ein Paradebeispiel für gutes Design und intuitive Bedienung für den Tastatur Rocker ;). Die Hauptanwendung ist mittels Adobe Flex realisiert und ist fast so üppig wie die Spiele auf den Konsolen, und das alles im Browser…..einfach genial.

In diesem Sinne viel Spass!

Link: JamLegend.com

Permanent link to this post (91 words, 2 images, estimated 22 secs reading time)

Schlagworte:,
Veröffentlicht in Design Inspiration | Keine Kommentare »

Wie kann ich mein Farb-Schema sorgfältig auswählen?

Donnerstag, 26. März 2009
Adobe Kuler: create color schemes

Image by PeterForret via Flickr

Wer kennt es nicht? Wireframes erstellen ist ja schön und gut, jedoch die richtige Farb-Atmosphäre zu erstellen ist oftmals sehr schwer….

Heute möchte ich euch 2 nette, kleine aber wie so oft feine Tools präsentieren:

A) Color Scheme Designer:

Einfach Tool! Ohne viele Worte zu verlieren, ist man mit diesem online Tool in der Lage, schnell monochrome, komplemetäre und analoge Farb-Gestaltungen zu erhalten. Das Tool ist mit einer gehörigen Portion Javascript (Jquery ist nat. auch dabei) und viel Liebe und Kaffee von  Petr Stanicek entwickelt worden, und gehört ab sofort zu meinen lieblings Bookmarks.

This is a preview of Wie kann ich mein Farb-Schema sorgfältig auswählen?. Read the full post (156 words, 2 images, estimated 37 secs reading time)

Schlagworte:, , , ,
Veröffentlicht in CSS Tips, Design Inspiration | 1 Kommentar »

Neue Version von CSS-Info.de ist nun online

Mittwoch, 25. März 2009

Hallo!

seit gestern gibt es das alt-bekannte CSS Info Forum im neuen Gewand. Hier findest Du Tipps und Hilfe bei Fragen zu dem Thema Cascading Style Sheets.
Das Forum dient dazu Fragen zu veröffentlichen und mit anderen Mitgliedern deine CSS-Probleme und - Ansätze zu besprechen und am besten zu lösen.

Wir hoffen es gefällt euch und wünschen euch viel Spass beim suchen und posten.

Vorher

Before Relaunch

Before Relaunch

Nachher

After Relaunch

After Relaunch

Permanent link to this post (71 words, 2 images, estimated 17 secs reading time)

Schlagworte:
Veröffentlicht in Design Inspiration | 1 Kommentar »

15 Interessante Web Ressourcen für Design Inspiration und Kreativität

Donnerstag, 19. März 2009
Layers of simulated glass show how semi-transp...

Image via Wikipedia

Die richtige Inspiration zum Thema Design und Layout zu finden ist nicht immer so einfach, wie es sich anhört. Hier möchten wir euch eine coole Link Sammlung zu diesem Thema vorstellen:

Online Web Galerien

Delicious CSS - Sehr beliebte CSS Web Design Galerie, welche Webseiten durch ihr Farb Schemata kategorisiert.
Raster - Fotographie und Kunst Galerie gegündet in 2001 mit dem Ziel Inspiration durch Bilder und Kreative Gedanken zu unterstützen.
CSS Galaxy - Französische CSS Galerie zum Thema Standards-Compliance, Technik, zusammenhängendes Grafik-Design und Ästhetik.
CSS Uber Clean - Getreu nach dem Motto “Weniger ist mehr” - eine weitere Design Galerie zum Thema “simple, minimalist, super-clean designs”
Light on Dark - Kollektion von dunklen Webseiten Demos mit leuchtenden Text Farben. Eine richtige Herausforderung für alle Designer.
Veer: Ideas - Ideen Kollektion im Blog Stil über News und Updates von der Firma Veer.

This is a preview of 15 Interessante Web Ressourcen für Design Inspiration und Kreativität. Read the full post (436 words, 2 images, estimated 1:45 mins reading time)

Schlagworte:, ,
Veröffentlicht in CSS Tips, Design Inspiration | Keine Kommentare »