4 ms·

OT/Rant: In my browser, all pictures except the hero image are extremely blurred to the point that I can't even tell what's in the image. It could be because Pr

OT/Rant: In my browser, all pictures except the hero image are extremely blurred to the point that I can't even tell what's in the image. It could be because Privacy Badger is blocking some script or stuff like that but honestly I don't have the energy to find out why right now (it's 00:45 here in NSW), I believe users should be able to see a picture without going through executing some JS, accessibility is important. This is almost as annoying as those scripts that mess with your scrolling. It is also completely unnecessary since every modern mainstream browser since probably 5 years ago implements some form of lazy loading.

sp332 9y ago
It does look like they're copying Medium's fade-in code, but these fallbacks should let the page degrade gracefully. Two examples: <noscript> <img itemprop="image" src="https://qzprod.files.wordpress.com/2017/07/china_bitcoin_002-e1499795756538.jpg?quality=80&strip=all&w=320" alt="Inside the World of Chinese Bitcoin 'Mining'" title=""> </noscript> <img data-srcset="https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=320 320w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=640 640w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=940 940w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=1600 1600w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=3200 3200w" data-src="https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=1600" sizes="(max-width: 320px) 320px, (max-width: 1024px) 640px, 940px" class="progressive-image-large" alt="Inside the World of Chinese Bitcoin 'Mining'">
- mastazi 9y ago
  AFAIK that degrades gracefully only if you have JS disabled but there are many other reasons why the progressive loading script may not work as expected.

sp332 9y ago

It does look like they're copying Medium's fade-in code, but these fallbacks should let the page degrade gracefully. Two examples: <noscript> <img itemprop="image" src="https://qzprod.files.wordpress.com/2017/07/china_bitcoin_002-e1499795756538.jpg?quality=80&strip=all&w=320" alt="Inside the World of Chinese Bitcoin 'Mining'" title=""> </noscript> <img data-srcset="https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=320 320w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=640 640w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=940 940w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=1600 1600w, https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=3200 3200w" data-src="https://qzprod.files.wordpress.com/2017/07/china_bitcoin_010.jpg?quality=80&strip=all&w=1600" sizes="(max-width: 320px) 320px, (max-width: 1024px) 640px, 940px" class="progressive-image-large" alt="Inside the World of Chinese Bitcoin 'Mining'">

mastazi 9y ago
AFAIK that degrades gracefully only if you have JS disabled but there are many other reasons why the progressive loading script may not work as expected.