Notes for CSS - Overview - Condensed By Scott Granneman & Jans Carton Find the presentation at http://www.granneman.com/presentations/ ## Slide 4 Granneman, R. Scott. “Home”. Scott Granneman, http://www.granneman.com. ## Slide 5 Bernhardt, Gary [@garybernhardt]. Twitter, 10 Nov 2015, http://twitter.com/garybernhardt/status/664149582046040064. Web. 13 Dec 2015. ## Slide 7 stormbrew. Comment on “Centering in CSS (web.dev)”. Hacker News, 18 Dec 2020, https://news.ycombinator.com/item?id=25464960. Web. 18 Dec 2020. ## Slide 9 Suzanne, Miriam Eric [@TerribleMia]. “CSS has been *carefully* & *systematically* designed to solve a set of problems so complex no other language even tries. There are no comparisons to make. ¶ Meanwhile, the basics *look* so declarative & clear that people don't even think of it as "programming".” Twitter, 4 Dec 2020, https://twitter.com/TerribleMia/status/1334918310912135170. Web. 5 Dec 2020. ## Slide 11 Wikipedia contributors. “CSS”. Wikipedia, The Free Encyclopedia, 23 Sep. 2022, https://en.wikipedia.org/wiki/CSS. Web. 3 Oct. 2022. ## Slide 12 Wikipedia contributors. “CSS”. Wikipedia, The Free Encyclopedia, 23 Sep. 2022, https://en.wikipedia.org/wiki/CSS. Web. 3 Oct. 2022. ## Slide 13 Bos, Bert. “CSS current work & how to participate”. CSS Specifications, W3C, 17 Sep 2022, https://www.w3.org/Style/CSS/current-work. Web. 2 Oct 2022. ## Slide 14 Bos, Bert. “CSS current work & how to participate”. CSS Specifications, W3C, 17 Sep 2022, https://www.w3.org/Style/CSS/current-work. Web. 2 Oct 2022. ## Slide 15 Deveria, Alexis [@Fyrd]. “CSS Grid Layout”. Can I use…, 18 Oct 2017, http://caniuse.com/#search=grid. Web. 18 Oct 2017. Still CR as of 2 Oct 2022 ## Slide 17 Q-Success. “Usage statistics of site elements for websites”. W3Techs - World Wide Web Technology Surveys, 4 Oct 2023, https://w3techs.com/technologies/overview/site_element. Web. 4 Oct 2023. 96.4% in Oct. 2022 95.5% in Sep. 2020 ## Slide 18 Wikipedia contributors. “Separation of concerns”. Wikipedia, The Free Encyclopedia, 16 July 2022, https://en.wikipedia.org/wiki/Separation_of_concerns. Web. 3 Oct. 2022. ## Slide 19 WebSanity. “HTML: font element”. CodePen, 2 Oct 2022, https://codepen.io/websanity/pen/wvzvzj?editors=1000. Web. 02 Oct 2022. Lovecraft, H.P. “At the Mountains of Madness”. The H.P. Lovecraft Archive, 20 Aug 2009, https://www.hplovecraft.com/writings/texts/fiction/mm.aspx. Web. 2 Oct 2022. ## Slide 24 Credit: Crying at the Discoteque by Fhernando (http://fhernando.bandpage.com/). Fhernando. “Crying at the Discoteque”. Free Music Archive, 31 July 2012, https://freemusicarchive.org/music/Fhernando/none_given_1383/08__Fhernando__Crying_At_The_Discoteque__Last_Days_Of_Disco__FrostWirecom_FrostClickcom_Creative_Common/. Web. 26 Sep 2022. Licensed CC BY-NC-SA 3.0: https://creativecommons.org/licenses/by-nc-sa/3.0/. Modified by clipping down to 28.06 seconds. ## Slide 31 You can use other names, but css or styles are most common ## Slide 32 The file can have any name, like search.css or foobar.css; it’s just that main.css is among the most common & is one we’ll use in my courses ## Slide 42 WebSanity. “Integrating CSS - embedded styles”. CodePen, 7 July 2020, https://codepen.io/websanity/pen/aQPXrX?editors=1000. Web. 7 July 2020. ## Slide 44 So why use embedded styles? Resource inlining: embedding reduces outbound requests; other examples include embedding JavaScript via