Parallax scrolling with CSS variables | basicScroll
▻https://basicscroll.electerious.com
via @mist_
#parallax #intégration #web #CSS #HTML #Javascript #css-variables
– démo sur codePen : ▻https://codepen.io/electerious/pen/gLLozQ
– le Github du projet : ▻https://github.com/electerious/basicScroll
Campo Santo - Firewatch
▻http://www.firewatchgame.com
Tags : #parallax
skrollr - parallax scrolling for the masses
▻http://prinzhorn.github.io/skrollr
exemple :
▻http://rue89.nouvelobs.com/2014/10/21/comment-facebook-mis-voie-djihad-255616
#Parallax Done Right — Medium
▻https://medium.com/@dhg/parallax-done-right-82ced812e61c
Parallax has become, for better or worse, an increasingly popular web trend. The first parallax site I ever saw was Ian Coyle’s BetterWorld for Nike. I was in love. At the time, I’d never seen the technique before. It felt like I’d left the web of PDF-esque static pages and entered the future.
#Parallax Done Right — Medium
▻https://medium.com/@dhg/82ced812e61c
Parallax has become, for better or worse, an increasingly popular web trend. The first parallax site I ever saw was Ian Coyle’s BetterWorld for Nike. I was in love. At the time, I’d never seen the technique before. It felt like I’d left the web of PDF-esque static pages and entered the future.
Since then, parallax has blown up. It feels like every day there’s a new marketing page using the technique…and with good reason. Done right, it feels awesome. The problem is, a vast majority of sites using parallax suffer from terrible scroll performance. It’s especially bad on devices with high pixel density like retina MacBook Pro’s.
14 Beautiful #parallax Scrolling #wordpress #themes
▻http://www.hongkiat.com/blog/parallax-scrolling-wordpress-themes
Portfolios are what speaks to your clients on your behalf. They let your work do the selling for you, sometimes leaving an impression that is hard to ignore, on the side of the clients. Curating your portfolio thus requires an high level of dedication on your part. Truth be told, ... Continue reading » Tags: parallax wordpress themes
The Troublesome Misconception of #Parallax in #Web_Design. — Medium
▻https://medium.com/p/2a55ad1459f7
This statement tells us that for true parallax to be achieved, there must be a) an object or point of focus, and b) said object must have an apparent position in a given space which is manipulated by movement. In essence, formulating a sense of depth perception or ‘Stereopsis’.
(…) humans with two working eyes or ‘binocular vision’ have the ability to see using Stereopsis. It allows us to formulate two separate scenes which our brain can then use to calculate depth in a single visual scene. This is the effect we are trying to replicate when applying a parallax effect to web design.
Returning to our chosen medium
Lets take a look at a few examples of websites which either by the creator, the audience or the featured site are claiming to be parallax. Let’s make an initial judgement as to whether they are or not in fact parallax
#parallax.js
▻http://wagerfield.github.io/parallax
“parallax.js reacts to the orientation of your smart device, offsetting layers depending on their depth within a scene... Oh, you don’t have a smart device? No worries, if no gyroscope or motion detection hardware is available, parallax.js uses the position of your cursor instead.” Tags: parallax #jquery #animation #mobile #démo #3D #JavaScript
Le Quatre Heures
►http://lequatreheures.com
Qu’est-ce que Le Quatre Heures ?
Chaque mercredi, à 16 heures pile, Le Quatre Heures propose aux lecteurs un grand reportage #multimédia. Une nouvelle expérience narrative qui entremêle texte, photo, vidéo et son dans une lecture fluide, « en immersion » et sans aucun clic. Un récit au long cours que nous vous invitons à « déguster » confortablement installé, en plein écran.
#slow_journalism #reportage #parallax #responsive_design #journalisme #sites_de_presse
#plo
Hackers Courted by Government for Cyber Security Jobs - Rolling Stone
▻http://www.rollingstone.com/feature/the-geeks-on-the-frontlines#i.12vlcvlnfhxwkz
Quand on regarde ça, on se demande ce que peut encore la presse papier...
Le journalisme web de long format
Journalisme numérique, la taille ça compte... par Erwann Gaucher
►http://www.erwanngaucher.com/article/06/06/2013/journalisme-numerique--la-taille--ca-compte/1111
Un exemple sur le site du NY times
En quelques jours, Snow fall attire 2,9 millions de visites et 3,5 millions de pages vues, réunissant jusqu’à 22 000 internautes simultanément. Des utilisateurs passant en moyenne 12 minutes sur cet article.
Commentaire : Attention, la durée ne veut rien dire, on ne sait pas la proportion entre ceux qui décrochent et ceux qui restent longtemps. Il faut voir si sur écran on peut rester 30 à 40 minutes à lire un même article, ici ce sont plutôt des dossiers qu’un seul article.
Frédéric Waringuez, Lequipe.fr, sur leur reportage long :
« C’est une vraie traduction du grand reportage, l’internaute est vraiment en immersion dans le sujet, il n’est pas pollué par autre chose, et les infographies en HTML 5, les vidéos, ne donnent pas une impression de gadgets ajoutés, mais d’univers complet ».
Commentaire : En plus de l’article proprement dit, il faut, selon les professionnels du web, tout de même des vidéos, des images ou des infographies. Du visuel, pas que du texte.
@0gust1 ah ok, mais du coup c’est un autre sujet, qui mériterait son propre seen, non ?
j’annonce que je suis parti de là pour mon « travail » ; thx ; maintenant je sais ce qu’est la parallaxe. Et le hoazin huppé (l’auteur de Hobo Lobo s’appelant « Mysterious Hoatzin » sur twitter) ►http://www.franceculture.fr/emission-place-de-la-toile-comment-l-art-est-travaille-par-le-numeriqu et ►http://soundcloud.com/thibnton/un-conte-autre #shameless
merci @thibnton pour la minute de gloire mais tu n’as pas été juste avec @franckpaul qui l’avait marqué juste avant moi ►http://seenthis.net/messages/53274
Scandale ! (mea culpa @franckpaul) #parallaxe
webdev.stephband.info
►http://webdev.stephband.info/parallax.html
“jParallax turns a selected element into a ’window’, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.”
#jquery #javascript #parallax #dev #web #plugin #clevermarks #design #css
: : Esteban Muñoz ™ : :
►http://www.estebanmunoz.com/home.html
#parallax #inspiration #design #web
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
How to recreate Silverback’s parallax effect | Think Vitamin
►http://thinkvitamin.com/features/how-to-recreate-silverbacks-parallax-effect
Moving Sonic the Hedgehog to the right caused the foreground to move past the camera to the left faster than the background, creating a faux-3D view of Green Hill Zone. We can create a similar effect on a web page by fixing semi-transparent background images to different sides of the browser viewport, and at different horizontal percentage positions.
#parallax #effet #css #javascript #position #3D #2D #image #PNG #Silverback
Freebase Parallax
►http://mqlx.com/%7Edavid/parallax
a novel browsing interface designed for freebase
#freebase #search #semweb #parallax #wikipedia #sémantique #web_sémantique #clevermarks