Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance

Page 1 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=1' data-page='1' class='cut-thumb lazyload' alt='Page 1: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/1.jpg' width='140' height='200' /> Delivering a Web Experience in 10KB

HANNAH MALCOLM

Page 2 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=2' data-page='2' class='cut-thumb lazyload' alt='Page 2: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/2.jpg' width='140' height='200' /> Hannah MalcolmWeb Designer / Developer / www.hmalcolm.com.au

Page 3 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=3' data-page='3' class='cut-thumb lazyload' alt='Page 3: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/3.jpg' width='140' height='200' /> Page 4 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=4' data-page='4' class='cut-thumb lazyload' alt='Page 4: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/4.jpg' width='140' height='200' /> So, we have

Limitations

Compelling

Responsive

Under 10kB

Work without JS

Accessible

Page 5 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=5' data-page='5' class='cut-thumb lazyload' alt='Page 5: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/5.jpg' width='140' height='200' /> Page 6 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=6' data-page='6' class='cut-thumb lazyload' alt='Page 6: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/6.jpg' width='140' height='200' /> Page 7 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=7' data-page='7' class='cut-thumb lazyload' alt='Page 7: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/7.jpg' width='140' height='200' /> Page 8 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=8' data-page='8' class='cut-thumb lazyload' alt='Page 8: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/8.jpg' width='140' height='200' /> Page 9 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=9' data-page='9' class='cut-thumb lazyload' alt='Page 9: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/9.jpg' width='140' height='200' /> Page 10 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=10' data-page='10' class='cut-thumb lazyload' alt='Page 10: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/10.jpg' width='140' height='200' /> Page 11 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=11' data-page='11' class='cut-thumb lazyload' alt='Page 11: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/11.jpg' width='140' height='200' /> Page 12 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=12' data-page='12' class='cut-thumb lazyload' alt='Page 12: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/12.jpg' width='140' height='200' /> Page 13 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=13' data-page='13' class='cut-thumb lazyload' alt='Page 13: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/13.jpg' width='140' height='200' /> Page 14 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=14' data-page='14' class='cut-thumb lazyload' alt='Page 14: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/14.jpg' width='140' height='200' /> Page 15 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=15' data-page='15' class='cut-thumb lazyload' alt='Page 15: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/15.jpg' width='140' height='200' /> Page 16 <img data-url='document/delivering-a-web-hannah-malcolm-yow-created-with-by-hannah-malcolm-view.html?page=16' data-page='16' class='cut-thumb lazyload' alt='Page 16: Delivering a Web HANNAH MALCOLM - YOW! …yowconference.com.au/slides/yownights/YN201708_Hannah_Delivering... · Created with by Hannah Malcolm - View this project on GitHub Performance' loading='lazy' src='data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==' data-src='https://reader030.cupdf.com/reader030/viewer/2022022519/5b14ffd87f8b9af15d8cf956/html5/thumbnails/16.jpg' width='140' height='200' /> Hannah MalcolmWeb Designer / Developer