#scroll

iScroll 4
http://cubiq.org/iscroll-4

“The script development began because mobile webkit (on iPhone, iPad, Android) does not provide a native way to scroll content inside a fixed width/height element. This unfortunate situation prevents any web-app to have a position:absolute header and/or footer and a scrolling central area for contents.

While latest Android revisions are supporting this functionality (although support is not optimal), Apple seems reluctant to add one finger scrolling to divs.

In addition to all previous iScroll features, version 4 introduces:

Pinch / Zoom
Pull up/down to refresh
Improved speed and momentum
Snap to element
Customizable scrollbars”

#webdev #javascript #mobile #scroll

iScroll
http://cubiq.org/iscroll

#webdev #mobile #scroll #overflow

How To Play Video Games
http://kotaku.com/5911869/how-to-play-video-games

Our helpful tips are for anyone who is about to press a button, kill a mini-boss or match three gems. Our advice is for people who have never played video games before and for people who just finished re-making Mother 3 in Minecraft. Our advice is for the world’s best Call of Duty players and the world’s worst as well.

#jQuery #Scroll Path
http://joelb.me/scrollpath

It’s a plugin for defining custom scroll paths.

#animation #dynamique #chemin #rotation

TouchScroll, a scrolling layer for WebKit mobile [update] « Uxebu.com – the Ajax and JavaScript Experts
http://uxebu.com/blog/2010/04/27/touchscroll-a-scrolling-layer-for-webkit-mobile

While Safari Mobile features native scrolling, there are two reasons to re-implement scrolling with JavaScript: The original scrolling behavior is rather slow – we were looking for a solution that feels more fluid. And the viewport behavior of Mobile Safari and other mobile browsers using WebKit doesn’t allow for fixed positioned elements. It is optimized for document reading, not for building interfaces.

Our goal is to be able to deploy application interfaces to browsers of handheld devices that feel as familiar as possible for the user. TouchScroll enables developers to use fixed interface elements like headers and toolbars.

#HTML5 #scroll

Scrolling and Attention (Jakob Nielsen’s Alertbox)
►http://www.useit.com/alertbox/scrolling-attention.html

#Web #ux #ergonomie #scroll #scrolling #eye-tracking

#webdesign: Ben the Bodyguard:
http://benthebodyguard.com/index-b.php
Utilisation carrément étonnante (et simple) du #scroll_vertical.

#Scrolling and Attention (Jakob #Nielsen's Alertbox)
►http://www.useit.com/alertbox/scrolling-attention.html

“The following chart shows the distribution of user fixations along stripes that were 100 pixels tall. The bars represent total gaze time, as opposed to the number of fixations. (In other words, two fixations of 200 ms count the same as one fixation of 400 ms.)”

http://www.useit.com/alertbox/eyetracking-fixations-above-fold-vs-below.png

#web #design

iPad: Scroll or Card?
http://www.informationarchitects.jp/en/ipad-scroll-or-card/
“Should you scroll or flip pages on the screen?”
#web #page #scroll #hypertext #Hypercard #design #iPad #interface #ergonomie #lecture

Infinite Scroll jQuery Plugin « Infinite Scroll | jQuery plugin, Wordpress plugin, interaction design pattern
http://www.infinite-scroll.com/infinite-scroll-jquery-plugin

Transformer une pagination en genre de "lazy loader"

#jquery #plugin #scroll #ui #javascript #web

youlove.us - chichester design, websites, seo and hosting - creative web site experts
http://youlove.us/one/index.html

#design #inspiration #PNG #transparence #scroll

The portfolio of Bryan Katzel | Design, illustration
http://www.webleeddesign.com

#design #inspiration #PNG #transparence #scroll

jQuery.ScrollTo
http://demos.flesler.com/jquery/scrollTo

Un script dJQuery d’ancre douce.

#scrollto #anchor #jquery #javascript #webdev #resources #plugins

Du texte mouvant qui habille une image fixe
►http://www.jquery.info/spip.php?article97

Excellente utilisation conjointe de SPIP et jQuery pour « faire circuler le texte autour d’une image (en jargon typographique : "habiller l’image avec le texte"), cette image étant fixe dans la page, et le texte conservant ses possibilités de déplacement vertical »

#jQuery #javascript #plugin #habillage #scroll #image #SPIP #gp:links #clevermarks

The myth of the page fold: evidence from user testing | cxpartners
http://www.cxpartners.co.uk/thoughts/the_myth_of_the_page_fold_evidence_from_user_testing.htm

#webdesign #design #scroll #fold #ergonomie

css Zen Garden: The Beauty in CSS Design
http://www.csszengarden.com/?cssfile=http://www.gscottolson.com/csszen/style.css&page=0

#design #web #horizontal #scroll #zen #CSS_Zen_Garden #inspiration

Morphix Design Studio - Identity, Pictograms
http://morphix.si

#design #web #inspiration #nature #scroll

jQuery liScroll - a jQuery News Ticker
http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

#jquery #javascript #scroll #ticker #liscroll

Showcasing the CSS Parallax Effect: 12 1 Creative Usages [Update2] › Blog › kremalicious.com » Matthias Kretschmann | Photography
http://www.kremalicious.com/2008/05/showcasing-the-css-parallax-effect-12-creative-usages

I mean Parallax Scrolling which is a technique often used in good ol’ arcade and video games like Moon Patrol or Sonic the Hedgehog. In such 2D games parallax scrolling was used to create an illusion of three dimensional depth.

#parallax #scroll #image #PNG #css #javascript #jQuery #effet