http://www.magazineduwebdesign.com/
prototype-carousel - Prototype Carousel plugin Updates May 4, 2009 - added mouse wheel support via the wheel option Description Carousel is a highly configurable Prototype.js extension that creates a nice way of presenting content that is logically broken into several pieces / steps / etc. It's: Lightweight - 4.3 KB minified Cross-browser - Tested on Internet Explorer 6/7/8, Firefox 2/3, Google Chrome, Opera 9.64 16 Examples of Great Responsive Web Design Every website’s audience expects to be able to access it via any device that connects to the Internet. Therefore: it is no longer an option to have a responsive website. If you wish not to upset your visitors, allow them to visit a site on their phone that is meant for their phone. That, right there, will make them feel cared for and appreciated. It is hard to create something on a limited, tiny screen.
Animated Background Headers A collection of animated background header effects for your inspiration. We use Canvas and Javascript to create an animated background for large site headers. View demo Download source Today we’d like to share some animated header backgrounds for your inspiration. The full-page background image header has been a web design trend for some time.
50 Examples of Responsive Web Design (plus 1) Nowadays, it's not only important to develop your clients' websites to look good on all browsers, and on PC and MAC, it's also a must that websites are viewable on tablets and mobile devices. A lot of people opt for making one version of their site for desktop and another for mobile. Others choose Responsive Design, a mix of fluid grids and layouts, flexible images and an intelligent use of CSS media queries. There are quite a few sites dedicated to lending a hand with responsive grids, Gridpak, CSSGrid, Skeleton and SimpleGrid, just to name a few. Here are 50 (plus 1) examples of responsive websites. Go to website
Responsive jQuery Slider Ever since releasing v4.0, which introduced responsive behavior, the carousel mode (displaying / moving multiple slides) has been the most misunderstood, troublesome aspect of the slider. Proper use of the settings required a secret knowledge of the underlying codebase, and did not allow for intuitive configuration. Plainly put - the carousel config was poopy. No longer! Cycle2 Demos You are encouraged to view the source of these demos to understand the power and flexibility the Cycle2 brings to the table. Getting Started How to get started with simple, basic slideshows. Adding Slides jQuery Infinite Carousel Plugin 1.2 Released Update: The latest version of this plugin can be found here. Around the beginning of this month I released version 1.0.1 of the Infinite Carousel jQuery plugin. About a week later I received an email asking if I could add the ability for a visitor to jump to a specific image in the carousel. I’d seen this functionality in other carousels (none that run in infinite loops) where small images or some other user interface was displayed that allowed someone to pick an image and go directly to it. At first I thought sure, how hard could it be to enable this? If the current carousel could flow infinitely picture by picture, how difficult could it be to fast forward to a specific image in the sequence?