Lancaster code examples

Code snippets used in the Responsive Web Design Lecture

Please feel free to see the repository for all examples here.

• Intrinsic Sidebar
• Intrinsic Grid
• Lazy Loading
• PWA

We were asked in the lecture about the impact that React and React Native will have going forward in web development. Josh gave an answer around React Native and I (Ben) went into depth a little bit on React and how that is reframing how we should look at Web Development Going forward. I briefly mentioned about how we should now be looking at Client Side and Server Side rendering of pages, which leads to a Single Page App world (Known colloquially as SPA).

Here is an overview of Single Page Apps I read and enjoyed.

• BBC Grad Scheme

• cern web page

• Josh's blog on the box model

• viewport Meta tag
• Ethan Marcotte - Responsive Web Design
• Responsive Images
• Lazy Loading Images
• BBC GEL Grid
• Jen Simmons - Everything You Know About Web Design Just Changed

• http vs https
• http2 fundamentals from Google
• TLS in http2

• Lighthouse
• Service Workers: An Introduction
• PWAs from Google

• Atomic Design
• Government Design System (GDS)
• iPlayer Design System