How award-winning sites are made: Torque Editions panning layout

Опубликовано: 14 Октябрь 2024
на канале: SuperHi

1,590

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 https://torquetorque.net/

Torque Editions was designed and coded by Jake Dow-Smith Studio – https://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:
https://unsplash.com/photos/zGZrUekai5A
https://unsplash.com/photos/nimElTcTNyY
https://unsplash.com/photos/BteCp6aq4GI
https://unsplash.com/photos/ttdio_nOPjQ
https://unsplash.com/photos/iMvS-ft_xK4
https://unsplash.com/photos/JVgahcJOQVc

Font:
https://abcdinamo.com/typefaces/monum...

Demo:
https://superhi-videos.s3.amazonaws.c...

Download:
https://superhi-videos.s3.amazonaws.c...