Award-winning site Torque Editions has a beautiful design that includes some intricate techniques that build up to make a panning, map-style layout. In this tutorial, we cover how a site like this actually work and build our own version of it. Check out their site over at torquetorque.net/
Torque Editions was designed and coded by Jake Dow-Smith Studio - jakedowsmith.com/
00:00 Intro
00:24 Panning layout
12:39 Smooth panning with tweening
18:25 Changing the title on hover
25:21 Fading out all other items
28:15 Color changes on hover
Photos:
unsplash.com/photos/zGZrUekai5A
unsplash.com/photos/nimElTcTNyY
unsplash.com/photos/BteCp6aq4GI
unsplash.com/photos/ttdio_nOPjQ
unsplash.com/photos/iMvS-ft_xK4
unsplash.com/photos/JVgahcJOQVc
Font:
abcdinamo.com/typefaces/monum...
Demo:
superhi-videos.s3.amazonaws.c...
Download:
superhi-videos.s3.amazonaws.c...
Негізгі бет Ғылым және технология How award-winning sites are made: Torque Editions panning layout
Пікірлер: 12