CBC has a story up today (about "Buried rivers flow under Canadian cities...").
Discover where ancient rivers flow under Canadian cities | CBC News
Ancient rivers once nourished and protected the lands where we built our biggest cities. Now, they’re buried underground. Is it finally time to let them see daylight?
https://newsinteractives.cbc.ca/features/2024/daylighting-rivers/
The design of this page is outstanding! A lot of parallax effects, things fade between section, gentle rotation zoom effects, videos,... I've seen similar on BBC in the past, but even then, this is next-level web page design. I highly recommend scrolling through it, if for simply marvelling at the presentation. It's as beautiful as any web design can be. Kudos to
Design and development: Andrew McManus, Adam Nyx, CBC News Labs
rb
Nice. Thanks for the pointer. The first one like this I was was from The Guardian. - Evan On Wed, Apr 3, 2024 at 2:39 PM Ron / BCLUG via talk <talk@gtalug.org> wrote:
CBC has a story up today (about "Buried rivers flow under Canadian cities...").
Discover where ancient rivers flow under Canadian cities | CBC News
Ancient rivers once nourished and protected the lands where we built our biggest cities. Now, they’re buried underground. Is it finally time to let them see daylight?
https://newsinteractives.cbc.ca/features/2024/daylighting-rivers/
The design of this page is outstanding! A lot of parallax effects, things fade between section, gentle rotation zoom effects, videos,...
I've seen similar on BBC in the past, but even then, this is next-level web page design.
I highly recommend scrolling through it, if for simply marvelling at the presentation. It's as beautiful as any web design can be.
Kudos to
Design and development: Andrew McManus, Adam Nyx, CBC News Labs
rb --- Post to this mailing list talk@gtalug.org Unsubscribe from this mailing list https://gtalug.org/mailman/listinfo/talk
-- Evan Leibovitch, Toronto Canada @evanleibovitch / @el56
Am I a curmudgeon? I find that it is too distracting, and takes away from the content. It becomes hard to focus on the facts of the story. On Wed, Apr 3, 2024 at 3:06 PM Evan Leibovitch via talk <talk@gtalug.org> wrote:
Nice. Thanks for the pointer.
The first one like this I was was from The Guardian.
- Evan
On Wed, Apr 3, 2024 at 2:39 PM Ron / BCLUG via talk <talk@gtalug.org> wrote:
CBC has a story up today (about "Buried rivers flow under Canadian cities...").
Discover where ancient rivers flow under Canadian cities | CBC News
Ancient rivers once nourished and protected the lands where we built our biggest cities. Now, they’re buried underground. Is it finally time to let them see daylight?
https://newsinteractives.cbc.ca/features/2024/daylighting-rivers/
The design of this page is outstanding! A lot of parallax effects, things fade between section, gentle rotation zoom effects, videos,...
I've seen similar on BBC in the past, but even then, this is next-level web page design.
I highly recommend scrolling through it, if for simply marvelling at the presentation. It's as beautiful as any web design can be.
Kudos to
Design and development: Andrew McManus, Adam Nyx, CBC News Labs
rb --- Post to this mailing list talk@gtalug.org Unsubscribe from this mailing list https://gtalug.org/mailman/listinfo/talk
-- Evan Leibovitch, Toronto Canada @evanleibovitch / @el56 --- Post to this mailing list talk@gtalug.org Unsubscribe from this mailing list https://gtalug.org/mailman/listinfo/talk
Gron Arthur via talk wrote on 2024-04-04 11:31:
Am I a curmudgeon?
Probably - you're here with us, in good company...
I find that it is too distracting, and takes away from the content. It becomes hard to focus on the facts of the story.
I can see your point, but I'm not sure I agree in this case. i.e. transitioning from a map to areal photograph or drone footage really helps envision the transformation of the landscape, for me. rb
A counter reason of what makes that page so wonderful. It is a fantastic illustration of progressive enhancement web design. meaning that while You get all that graphical stuff? I, in my lower graphics browser, Lynx in this case, get text of the article, and wonderful alt-tag descriptions of the images..no zoom messiness. I wonder if You view the page in a mobile browser if the simplicity of that design shows through. Honestly, its an amazing example of letting the tool decide what the user deals with. Next level by building a page for the broadest tools possible. Need to toss someone some flowers. Karen On Thu, 4 Apr 2024, Gron Arthur via talk wrote:
Am I a curmudgeon? I find that it is too distracting, and takes away from the content. It becomes hard to focus on the facts of the story.
On Wed, Apr 3, 2024 at 3:06 PM Evan Leibovitch via talk <talk@gtalug.org> wrote:
Nice. Thanks for the pointer.
The first one like this I was was from The Guardian.
- Evan
On Wed, Apr 3, 2024 at 2:39 PM Ron / BCLUG via talk <talk@gtalug.org> wrote:
CBC has a story up today (about "Buried rivers flow under Canadian cities...").
Discover where ancient rivers flow under Canadian cities | CBC News
Ancient rivers once nourished and protected the lands where we built our biggest cities. Now, they’re buried underground. Is it finally time to let them see daylight?
https://newsinteractives.cbc.ca/features/2024/daylighting-rivers/
The design of this page is outstanding! A lot of parallax effects, things fade between section, gentle rotation zoom effects, videos,...
I've seen similar on BBC in the past, but even then, this is next-level web page design.
I highly recommend scrolling through it, if for simply marvelling at the presentation. It's as beautiful as any web design can be.
Kudos to
Design and development: Andrew McManus, Adam Nyx, CBC News Labs
rb --- Post to this mailing list talk@gtalug.org Unsubscribe from this mailing list https://gtalug.org/mailman/listinfo/talk
-- Evan Leibovitch, Toronto Canada @evanleibovitch / @el56 --- Post to this mailing list talk@gtalug.org Unsubscribe from this mailing list https://gtalug.org/mailman/listinfo/talk
Karen Lewellen via talk wrote on 2024-04-05 06:31:
I, in my lower graphics browser, Lynx in this case, get text of the article, and wonderful alt-tag descriptions of the images..no zoom messiness.
That's great!
On Thu, 4 Apr 2024, Gron Arthur via talk wrote:
I find that it is too distracting, and takes away from the content.
Now I wonder, if you set your OS to `prefers-reduced-motion` if their CSS detects that and changes some styles to ... reduce the motion within the page? https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-moti... i.e.
In Plasma/KDE: System Settings > Workspace Behavior -> General Behavior > "Animation speed" is set all the way to right to "Instant".
In GTK/GNOME: Settings > Accessibility > Seeing > Reduced animation is turned on.
That is very neat; thank you for sharing it! I am going to poke around the source and see if I can make any sense of it :-) On Wed, Apr 3, 2024, 14:38 Ron / BCLUG via talk <talk@gtalug.org> wrote:
CBC has a story up today (about "Buried rivers flow under Canadian cities...").
Discover where ancient rivers flow under Canadian cities | CBC News
Ancient rivers once nourished and protected the lands where we built our biggest cities. Now, they’re buried underground. Is it finally time to let them see daylight?
https://newsinteractives.cbc.ca/features/2024/daylighting-rivers/
The design of this page is outstanding! A lot of parallax effects, things fade between section, gentle rotation zoom effects, videos,...
I've seen similar on BBC in the past, but even then, this is next-level web page design.
I highly recommend scrolling through it, if for simply marvelling at the presentation. It's as beautiful as any web design can be.
Kudos to
Design and development: Andrew McManus, Adam Nyx, CBC News Labs
rb --- Post to this mailing list talk@gtalug.org Unsubscribe from this mailing list https://gtalug.org/mailman/listinfo/talk
William Witteman wrote on 2024-04-03 12:07:
I am going to poke around the source and see if I can make any sense of it
There's some pretty fancy things going on, it will not be easy to figure out (for me, anyway). It's quite interesting how, when looking at the Inspect web dev tool, one sees the CSS class updating as one scrolls. i.e. border sizes resize as an item scrolls in & out of view, as well as widths, etc. So much going on, yet it works perfectly (well, there are some errors in console, but don't seem to affect anything that I can tell). rb
participants (5)
-
Evan Leibovitch -
Gron Arthur -
Karen Lewellen -
Ron / BCLUG -
William Witteman