Web Learn

CSS

TODO

• Figure how to custom code the material SWITCH TOGGLE using plain CSS. See toggle__thumb in web.dev.css and extrinsic vs intrinsic sizing
• Interestingly the TOGGLE SWITCH and other tutorials are all taken from: https://piccalil.li/tutorials/. Find the simplest CSS switch by trying out various strategies.
• Analyze the box model codepen example after studying gradients and box-shadows: https://codepen.io/web-dot-dev/pen/BaReoEV
• The stack layout:
  • https://andy-bell.co.uk/my-favourite-3-lines-of-css/
• Structuring Fluent responsive design. See: https://utopia.fyi/

Notes

1. The modern CSS reset used in the examples of https://web.dev/learn/css/ is explained here: https://andy-bell.co.uk/a-modern-css-reset/# weblearn