Fiona Chan mobywhale-chan

## Description.md

      
              2 files
            
          
              5 forks
            
          
              6 comments
            
          
              73 stars
            
          
                Integralist
                / Description.md
            
            
              Last active
              April 25, 2020 16:20
            
              
                This is how BBC News currently implements it's Image Enhancer for responsive images. Note: this is a completely rebuilt version of the code so the BBC's original source code doesn't actually look anything like the below example.
              
          
    The BBC has a server-side image service which provides developers with multiple sized versions of any image they request. It works in a similar fashion to http://placehold.it/ but it also handles the image ratios returned (where as placehold.it doesn't).
The original BBC News process (and my re-working of the script) follows roughly these steps...

Create new instance of ImageEnhancer
Change any divs within the page (which have a class of delayed-image-load) into a transparent GIF using a Base64 encoded string.

We set the width & height HTML attributes of the image to the required size
We know what size the image needs to be because each div has custom data-attr set server-side to the size of the image
We then set a class of image-replace onto each newly created transparent image


We use a 250ms setTimeout to unblock the UI thread and which calls a function resizeImages which enhances the image-replace images so their source is now set to a URL whe


## Lessons.md

      
              1 file
            
          
              4 forks
            
          
              7 comments
            
          
              66 stars
            
          
                phamann
                / Lessons.md
            
            
              Last active
              June 6, 2024 11:35
            
          
    Lesson's learnt building the Guardian

Below is a collection of my favourite responses I gathered from Guardian engineers when asked the question: What have you learnt starting from scratch and building a mobile-first next generation web platform for the Guardian?
Daithi O Crualaoich


Work with great people.
Deploy like crazy. This means the team has to control the infrastructure as well as code.
Design is not a service. Designers have to sit in the team.
Infrastructure is intrinsically unreliable. Discard and replace is the robust strategy.
Use your CDN for HTML too.
Don't always do as you are told.