jQuery and CSS in Action - Gallery Showcase

Gallery Showcase - jQuery and CSS in ActionjQuery zu kennen und gegebenfalls den eigenen Bedürfnissen entsprechend modifizieren zu können ist eine Sache. In Kombination mit CSS gekonnt kreativ einzusetzen, um somit bspw. die Benutzerführung einer Webseite mittels einer entsprechend angelegten Navigation nachhaltig zu verbessern und nicht nur irgendeinen Effekt zu erzeugen, eine ganz andere. Um den Lesern des Webstandardblogs diesbezüglich ein wenig Inspiration zu geben, werden in diesem Artikel die verschiedensten Effekte die mit jQuery erzielt werden können, auf unterschiedlichen Webseiten präsentiert. Vom Slide-Effect, über die Navigationen bis hin zur Bilder-Galerie, die Auswahl ist vielfältig und kreativ, wie die Webseite von Bryan Katzel ( letzte Abbildung ) beweist.

Scrollbar, Navigation - www.kalyanchatterjee.com
kalyanchatterjee.com - Scrollbar, Navigation

Navigation, Scrollbar - www.thepixelmovingsociety.com
thepixelmovingsociety.com - Navigation, Scrollbar

Navigations, Slide-Effects - www.sourcebits.com
sourcebits.com - Navigations, Slide-Effects

Navigation - dibusoft.com
dibusoft.com - Navigation

Slide-Effects - www.vitradirect.com
vitradirect.com - Slide-Effects

Image-Gallery - www.davebrookes.info
davebrookes.info - Image-Gallery

Slide-Effects ( klick "next" or "previous" ) - sharepointartist.com
sharepointartist.com - Slide-Effects

Grid-Layout ( change the window-size of your Browser ) - aentan.com
aentan.com - Grid-Layout

Navigation - www.designinsocial.com
designinsocial.com - Navigation

Navigation ( klick "Play" at the Top-Navigation ) - www.webleeddesign.com
webleeddesign.com - Navigation

Wer ähnlich interessante und kreative Webseiten kennt, in denen das JavaScript-Framework jQuery die Grundlage der Effekte bildet und diese mit anderen Lesern hier in diesem Showcase teilen möchte, ist hiermit dazu aufgerufen den entsprechenden Link im Kommentarbereich zu kommunizieren, um somit diese Liste für weitere Leser ausbauen zu können.

Ähnliche Artikel zu diesem Thema:
  1. Frank 02 Sep 2009, 16:09

    Das "Navigations-Beispiel" der letzten Webseite ist wirklich faszinierend. Klasse Idee, die muss man erst mal haben ;o)


  2. Tobias
    04 Sep 2009, 21:33

    Die Show Grid Funktion bei http://aentan.com/ ist eine gute Idee.


  3. Marcus
    10 Sep 2009, 16:25

    Wirklich sehr schöne Seite.


  4. Ian Patrick Buss
    18 Feb 2010, 22:39

    My website also features jQuery and CSS3 animation. Really its best viewed in Chrome or Safari.


  5. Web Design Bournemouth
    17 Mär 2012, 21:19

    Thx,
    Wünschen, dass Ihre Website in englischer Sprache war, ist mein Deutsch wirklich schlecht! dennoch habe ich es zu lesen! und genoss es, guter Artikel und verzeiht mein schlechtes Deutsch. ;)


Artikel kommentieren





HTML ist erlaubt und ausdrücklich erwünscht, wobei folgende Tags eingesetzt werden können: <a href="" title=""></a> <b></b> <cite></cite> <code></code> <em></em> <strong></strong>


authimage