LautundKlar

CSS3 leicht gemacht

Mit CSS3 kann man sich wirklich viel Arbeit und auch Ladezeit ersparen. Dinge wie Drop-Shadow, runde Ecken, Transparenzen etc. sind möglich – nur leider nicht broweserübergreifend. Der CSS3 Rule Generator hilft dabei die unterschiedlichen CSS Regeln für die verschiedenen Browser zu definieren.

Website: http://css3please.com/

CSS3 Dropdown Navigation

Und hier gleich noch ein schönes Beispiel was mit CSS3 möglich ist. Sämtliche Effekte wie runde Ecken, Schatten etc. sind hier mit CSS umgesetzt:

Website: http://bit.ly/byMVKF

Popularity: 1% [?]

Mega Drop Down Navigation, mit und ohne JavaScript

Fast schon als neuen Trend könnte man die sogenannten Megadropdown Navigationen bezeichnen, die neuerdings gerne auf umfangreicheren Websites eingesetzt werden.

Hier sind zwei Beispiele. Einmal mit JavaScript (JQuery):

http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/

http://www.sohtanaka.com/web-design/examples/mega-dropdowns/

Einmal ohne JS (kein IE6 Support but who cares?):
http://www.visibilityinherit.com/code/mega-drop-down-demo.php

Popularity: 2% [?]

Inhaltselemente in Typo3 mit eigener CSS ID oder Klasse

Bei Typo3 Seiten kann es immer mal wieder vorkommen, dass einzelne Inhaltselemente spezieller Formatierung bedürfen. Hierzu kann man ganz einfach das entsprechende Inhaltselement mit einer CSS Klasse oder ID ausstatten und dann per CSS nach seinen Wünschen umgestalten:

tt_content.stdWrap.dataWrap = <div id="c{field:uid}">|</div>
oder:

tt_content.stdWrap.dataWrap = <div class="c{field:uid}">|</div>

Popularity: 3% [?]

Automatisierte Sitemap-Erstellung

SlickMap CSS ist ein einfaches Stylesheet das ungeordnete HTML-Navigations-Listen als schön gestaltete Sitemaps anzeigt. Es ist geeignet für die meisten Web-Seiten mit bis zu drei Navigationsebenen und kann leicht angepasst werden, um individuelle Einstellungen vorzunehmen.

Popularity: 7% [?]