public marks

PUBLIC MARKS with tag scroll

This year

SCROLL - Responsive YouTube Player with Scrolling Thumbnail Playlist - Wooster Web Design

by decembre (via)
Responsive YouTube Player with Scrolling Thumbnail Playlist In this post we will work with an embedded YouTube video player using YouTube’s iframe embed code. Below the iframe we’ll add a horizontal playlist that includes a thumbnail image and title for each video. The playlist will scroll or slide left and right on click or tap. The player we are building in this is based on the MyList Video Player, but instead of automatically populating with a YouTube playlist, we are manually building our own playlist of selected YouTube videos.

SCROLL - Zoom sur l'effet parallaxe - Alsacreations

by decembre
Qu'est-ce que l'effet parallaxe ? Il s'agit d'un terme générique correspondant au déplacement de plusieurs éléments sur des couches et à des vitesses différentes. Au scroll (défilement de la vue) ou en fonction des coordonnées de la souris, les positions des différents fonds (ou éléments à animer) vont changer, ce qui va générer un effet de profondeur. Ce principe concerne au minimum deux éléments et peut être appliqué à plusieurs endroits : sur les images de fond, sur un en-tête ou un pied de page, sur des images... etc.

How To Scroll

by Spone
Scroll-based interaction is incredibly popular for interactive storytelling. There are many compelling reasons for this, yet scrolling is surprisingly nuanced and easy to break. So here are five rules for employing scrolling effectively.

2016

Midnight.js - Switch fixed headers on the fly

by Spone & 2 others
Midnight.js lets you switch fixed headers on the fly

2015

callmecavs/jump.js · GitHub

by Krome
A small, modern, dependency-free smooth scrolling library.

Page Scroll Effects | CodyHouse

by srcmax
Introducing a mini-library of experimental page scroll effects.

zynga/scroller @ GitHub

by srcmax & 1 other
Accelerated panning and zooming for DOM and Canvas

Zynga Scroller

by manu & 1 other
Accelerated panning and zooming for DOM and Canvas

Waypoints

by Krome
Waypoints is the easiest way to trigger a function when you scroll to an element.

Trippeo - Easy Business Travel & Expense Management

by manu
Introducing Trippeo, a beautifully simple to use app that automates expenses so you can get back to business

Melanie F

by manu
Melanie F slippers were born from the desire to offer a different vision of the design. It is no longer just a functional object, it is also very design. Therefore Melanie F has sought to create a collection with the main words: quality, comfort and aesthetics.

There is No Fold (avec images, tweets) · xiwcx · Storify

by sbrothier
Luke Wroblewski went on a pretty great twitter tear debunking the persistent myth of "the fold" in contemporary (read: multi-device) web design. For posterity, here are all of the tweets including links to the sources.

2014

BASILICA SOUNDSCAPE

by gregg
“Our goal was to make the viewer feel like they were at this specific festival just by scrolling through. If you go to the Basilica festival you don’t just stare at a stage for one song then watch a Hunger Games trailer. You explore the Hudson Valley and watch like 10 other bands!”

How To Scroll

by Spone
Scroll-based interaction is incredibly popular for interactive storytelling. There are many compelling reasons for this, yet scrolling is surprisingly nuanced and easy to break. So here are five rules for employing scrolling effectively.

Pure CSS Parallax Websites

by srcmax
This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

janpaepke/ScrollMagic · GitHub

by srcmax
ScrollMagic is a jQuery plugin which essentially lets you use the scrollbar like a playback scrub control. It's the plugin for you, if you want to ... ... start an animation at a specific scroll position. ... synchronize an animation to the scrollbar movement. ... pin an element at a specific scroll position (sticky elements). ... pin an element for a limited amount of scroll progress (sticky elements). ... easily add a parallax effect to your website. ... create an inifinitely scrolling page (ajax load of additional content). ... call functions when the user hits certain scroll positions or react in any other way to the current scroll position.

PUBLIC TAGS related to tag scroll

agence +   analytics +   animation +   app +   articles longs +   bd +   bd digitale +   best practices +   canvas +   cars +   cinema +   code +   css +   design +   fashion +   google +   html +   html5 +   humanitaire +   illustration +   inspiration +   interface +   javascript +   jQuery +   js +   library +   magazine +   mobile +   mode +   motion +   music +   musique +   navigation +   news +   osx +   Parallax +   parallaxe +   parralax +   plugin +   ressources +   sport +   storytelling +   tools +   ui +   ux +   video +   web +   webdesign +   webdev +   webdocumentaire +  

Active users

decembre
last mark : 23/02/2017 11:52

Spone
last mark : 17/01/2017 23:05

encore_lui
last mark : 01/07/2016 07:10

srcmax
last mark : 16/12/2015 16:56

Krome
last mark : 26/11/2015 10:38

manu
last mark : 31/07/2015 14:46

mixher
last mark : 29/04/2015 07:52

sbrothier
last mark : 05/01/2015 17:55

gregg
last mark : 08/12/2014 20:09