LautundKlar Webdesign Blog

LautundKlar Webdesign Agentur Passau - Webdesign Weblog

Victor Hugo:
Ein Traum ist unerlässlich, wenn man die Zukunft gestalten will.

LautundKlar Webdesign Blog

Weblog zum Thema Webdesign, auf dem wir in unregelmäßigen Abständen zu interessanten Artikeln verweisen und Tipps zu bestimmten Problemen (Webdesign, CSS, PHP, JavaScript, Typo3 etc.) geben wollen.


Drehe jedes HTML Element mit jQuery Flip! um

Montag, 14. Juni 2010

jQuery Flip!

Flip! ist ein jQuery-Plugin, das es ermöglicht jedes HTML, Text oder jQuery Element zu drehen, denn leider funktionieren die CSS3 Reglen hierfür nicht browserübergreifend: Webkit.
-webkit-transform: rotate(0deg);  Firefox: moz-transform: rotate(0deg);

Mit Hilfe des Plugins ist es möglich, die Richtung des Effektes zu bestimmen, von rechts nach links, von oben nach unten
oder anders herum, den Inhalt nach der Umdrehung zu ändern oder dessen Hintergrund.

Außerdem kann man die Geschwindigkeit der Animation definieren und folgende Funktionen verwenden:
onBefore, onAnimation und onEnd.

flip

Website: http://lab.smashup.it/flip/
Download: http://github.com/roncioso/Flip-jQuery

Popularity: 1% [?]

Jquery Slideshow mit verschiedenen Überblendungen

Donnerstag, 25. März 2010

Nivo Slider

Slideshow

Sehr schöne Javascript-Slideshow mit Übergängen wie man Sie eingentlich nur von Flash kennt.

Features:

  • mit 9 einzigartigen Übergangs-Effekten
  • standardkonformer Code
  • Gepackte Version ist nur 6kb groß
  • Unterstützt das Verknüpfen von Bildern
  • veröffentlicht unter GPL Lizenz

Website: http://nivo.dev7studios.com/

Popularity: 2% [?]

Mega Dropdown Navigation

Dienstag, 9. März 2010

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

OmniGrid: Mootools Datagrid

Freitag, 3. April 2009

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.

Mootools Datagrid

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

Popularity: 64% [?]

Pages: 1 2 3 4 5 6 7 8 Next


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

PantherMedia -  Fotocommunity und Bildagentur für lizenzfreie Fotos
 Bildsuche: lizenzfreie Fotos