5 ms·

Can we talk about how smooth and beautiful the website is? I know, it's Apple and their websites are always the same, but there's always a tiny increment. This

Can we talk about how smooth and beautiful the website is? I know, it's Apple and their websites are always the same, but there's always a tiny increment. This time it's the woman adjusting the ANC by holding her Airpods. The way she fades in and the scroll controls her every movement and then fades out is just so smooth.

iikoolpp 7y ago
I disagree; this website is awful. If you hijack the scroll event to do something like this, instead of just... letting me scroll, you're very much going to hell.
- robertoandred 7y ago
  This is not hijacking the scroll event. Look at the scrollbar. The page scrolls exactly as you'd expect according to your input method and operating system.
  - pfranz 7y ago
    I know it's not technically correct, but I tend to conflate "hijacking scroll event" as both receiving a scroll event and doing something that weird or slows down my browser along with something that manipulates scrolling since they have similar effects to an end user.
ravedave5 7y ago
I personally exited because I wanted to just read about them rather than watching a movie in web page form.
unlinked_dll 7y ago
It made it difficult for me to read the content, and lagged/stuttered on my Macbook Pro. Not to mention taking up a whole screen for a single marketing sentence is obnoxious. As someone who buys a lot of "pro" labeled audio gear, the only thing I care about is a bullet point list of specs. I've seen enough snake oil to ignore marketing materials for consumer audio products. But I get why Apple doesn't do that off the bat, because they're not trying to sell these to people like me.
- deleted 7y ago
  [deleted]
- reaperducer 7y ago
  the only thing I care about is a bullet point list of specs You are not the target demographic for this web page. Congratulations.
- PascLeRasc 7y ago
  have you considered that "pro" labeling might be snake oil too?
jaifraic 7y ago
I'd rather call it 35mb monstrosity than smooth
jbob2000 7y ago
It's just a video, but the scrollbar is the tracker for playback. Definitely a novel take on playing a video in a web page, but nothing too technical going on here.
BinaryIdiot 7y ago
I found it awful. I'm running on a very beefy development machine in the latest version of Firefox and it was kinda sluggish and very hard to read all of the information (felt like I had to scroll forever just to see a few sentences and pictures). It's also very inaccessible.
- reaperducer 7y ago
  I'm running on a very beefy development machine in the latest version of Firefox and it was kinda sluggish Then your "beefy" development machine is less powerful than an iPhone, since I tested it on that, and it works fine. When I get to a full computer, I'll try it on that. I wonder if the ones I have are "beefy" enough.
  - etherealG 7y ago
    Perhaps the reason for that is it’s been tested on Safari on an iPhone but not on Firefox on a fast desktop processor because the method used to animate is something fast in 1 browser but not in the other. Perhaps your comment didn’t consider that Apple’s marketing team only cater to their existing core demographic most likely already using an iPhone and not interested in the product at hand. But most of all, you didn’t bother to consider the software stack that had a huge impact on performance. And neither did Apple.
- dorian-graph 7y ago
  I ran it on my 2012 MacBook Pro in FF Dev Edition and it was fine /shrug
  - seba_dos1 7y ago
    HiDPI screen alone can completely change performance characteristics of a website.
    - qubitcoder 7y ago
      This is true. But for reference, I'm using a 2018 MacBook Pro with two external HiDPI monitors connected via USB-C (a Dell 4k and an LG 5k2k), and the page still performs flawlessly in Chrome.
colonwqbang 7y ago
I had the exact opposite reaction. I wanted to see how much the headphones cost. It took me what felt like 100 space bar presses to get to the purchase link, almost like the page didn't really want me to order and was stalling for time.
- reaperducer 7y ago
  It took me what felt like 100 space bar presses to get to the purchase link I took me zero spacebar presses. There's a big blue purchase link at the top of the page, and it's anchored there and stays with you as your scroll through the presentation.
  - colonwqbang 7y ago
    Right. In my defense, I may have mistaken it for a login button of some kind. Usually the login link goes at the top right. It's uncommon for the "buy" button to be in the top navbar. It's usually at the same level as the product being presented.
- crooked-v 7y ago
  It looks like you overlooked the "Buy" link at the upper right.
coolspot 7y ago
My index finger hurts because of looong sloow scrolling.
Antoninus 7y ago
Praising scroll hijack and bloated ui on HN. Bad idea.
nimeshneema 7y ago
Gruber begs to differ: https://daringfireball.net/linked/2019/10/28/airpods-pro-scrolljacking-hell https://daringfireball.net/linked/2019/10/28/airpods-pro-scr...

iikoolpp 7y ago

I disagree; this website is awful. If you hijack the scroll event to do something like this, instead of just... letting me scroll, you're very much going to hell.

robertoandred 7y ago
This is not hijacking the scroll event. Look at the scrollbar. The page scrolls exactly as you'd expect according to your input method and operating system.
- pfranz 7y ago
  I know it's not technically correct, but I tend to conflate "hijacking scroll event" as both receiving a scroll event and doing something that weird or slows down my browser along with something that manipulates scrolling since they have similar effects to an end user.

ravedave5 7y ago

I personally exited because I wanted to just read about them rather than watching a movie in web page form.

unlinked_dll 7y ago

It made it difficult for me to read the content, and lagged/stuttered on my Macbook Pro. Not to mention taking up a whole screen for a single marketing sentence is obnoxious. As someone who buys a lot of "pro" labeled audio gear, the only thing I care about is a bullet point list of specs. I've seen enough snake oil to ignore marketing materials for consumer audio products. But I get why Apple doesn't do that off the bat, because they're not trying to sell these to people like me.

deleted 7y ago
[deleted]
reaperducer 7y ago
the only thing I care about is a bullet point list of specs You are not the target demographic for this web page. Congratulations.
PascLeRasc 7y ago
have you considered that "pro" labeling might be snake oil too?

jaifraic 7y ago

I'd rather call it 35mb monstrosity than smooth

jbob2000 7y ago

It's just a video, but the scrollbar is the tracker for playback. Definitely a novel take on playing a video in a web page, but nothing too technical going on here.

BinaryIdiot 7y ago

I found it awful. I'm running on a very beefy development machine in the latest version of Firefox and it was kinda sluggish and very hard to read all of the information (felt like I had to scroll forever just to see a few sentences and pictures). It's also very inaccessible.

reaperducer 7y ago
I'm running on a very beefy development machine in the latest version of Firefox and it was kinda sluggish Then your "beefy" development machine is less powerful than an iPhone, since I tested it on that, and it works fine. When I get to a full computer, I'll try it on that. I wonder if the ones I have are "beefy" enough.
- etherealG 7y ago
  Perhaps the reason for that is it’s been tested on Safari on an iPhone but not on Firefox on a fast desktop processor because the method used to animate is something fast in 1 browser but not in the other. Perhaps your comment didn’t consider that Apple’s marketing team only cater to their existing core demographic most likely already using an iPhone and not interested in the product at hand. But most of all, you didn’t bother to consider the software stack that had a huge impact on performance. And neither did Apple.
dorian-graph 7y ago
I ran it on my 2012 MacBook Pro in FF Dev Edition and it was fine /shrug
- seba_dos1 7y ago
  HiDPI screen alone can completely change performance characteristics of a website.
  - qubitcoder 7y ago
    This is true. But for reference, I'm using a 2018 MacBook Pro with two external HiDPI monitors connected via USB-C (a Dell 4k and an LG 5k2k), and the page still performs flawlessly in Chrome.

colonwqbang 7y ago

I had the exact opposite reaction. I wanted to see how much the headphones cost. It took me what felt like 100 space bar presses to get to the purchase link, almost like the page didn't really want me to order and was stalling for time.

reaperducer 7y ago
It took me what felt like 100 space bar presses to get to the purchase link I took me zero spacebar presses. There's a big blue purchase link at the top of the page, and it's anchored there and stays with you as your scroll through the presentation.
- colonwqbang 7y ago
  Right. In my defense, I may have mistaken it for a login button of some kind. Usually the login link goes at the top right. It's uncommon for the "buy" button to be in the top navbar. It's usually at the same level as the product being presented.
crooked-v 7y ago
It looks like you overlooked the "Buy" link at the upper right.

coolspot 7y ago

My index finger hurts because of looong sloow scrolling.

Antoninus 7y ago

Praising scroll hijack and bloated ui on HN. Bad idea.

nimeshneema 7y ago

Gruber begs to differ: https://daringfireball.net/linked/2019/10/28/airpods-pro-scrolljacking-hell https://daringfireball.net/linked/2019/10/28/airpods-pro-scr...