Webstandard & Webdesign - CSS, HTML

 

jQuery and CSS in Action - Gallery Showcase

jQuery 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

Navigation, Scrollbar - www.thepixelmovingsociety.com

Navigations, Slide-Effects - www.sourcebits.com

Navigation - dibusoft.com

Slide-Effects - www.vitradirect.com

Image-Gallery - www.davebrookes.info

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

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

Navigation - www.designinsocial.com

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

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:

• Best of Parallax-Effect
• Interactive Webdesign with CSS and jQuery
• Webdesign inspired by jQuery and Twitter
• Creative Image-Galleries by jQuery
• jQuery - The easy way to navigate