LautundKlar Webdesign Blog

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: 1% [?]

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: 2% [?]

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: 28% [?]

Mootools Datagrid mit sortierbaren Tabellen

OmniGrid ist ein DataGrid das mit Mootools umgesetzt wurde. Neben sortierbaren Tabellenspalten enthält es einen “Pagebrowser” und die Anzahl der Tabellenzeilen kann definiert werden. Außerdem können Zellen gelöscht, dupliziert und editiert werden.

Es basiert zum Teil auf zwei ähnlichen Komponenten: FlexGrid jQuery und Phatfusion sortableTable. Eines der wenigen (oder vielleicht das einzige) Mootools Datagrid. Jedenfalls das einzige das ich gefunden habe.

Website: http://www.omnisdata.com/omnigrid/

Popularity: 64% [?]