Notes for CSS - Overview - Condensed By Scott Granneman & Jans Carton Find the presentation at http://www.granneman.com/presentations/ ## Slide 3 Granneman, R. Scott. “Home”. Scott Granneman, http://www.granneman.com. ## Slide 4 Bernhardt, Gary [@garybernhardt]. Twitter, 10 Nov 2015, http://twitter.com/garybernhardt/status/664149582046040064. Web. 13 Dec 2015. ## Slide 6 Wikipedia contributors. “CSS”. Wikipedia, The Free Encyclopedia, 23 Sep. 2022, https://en.wikipedia.org/wiki/CSS. Web. 3 Oct. 2022. ## Slide 7 Wikipedia contributors. “CSS”. Wikipedia, The Free Encyclopedia, 23 Sep. 2022, https://en.wikipedia.org/wiki/CSS. Web. 3 Oct. 2022. ## Slide 8 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 9 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 10 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 12 Q-Success. “Usage statistics of site elements for websites”. W3Techs - World Wide Web Technology Surveys, Oct 2022, https://w3techs.com/technologies/overview/site_element. Web. 2 Oct 2022. 95.5% in Sep. 2020 ## Slide 13 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 14 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 19 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 26 You can use other names, but css or styles are most common ## Slide 27 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 37 WebSanity. “Integrating CSS - embedded styles”. CodePen, 7 July 2020, https://codepen.io/websanity/pen/aQPXrX?editors=1000. Web. 7 July 2020. ## Slide 39 So why use embedded styles? Resource inlining: embedding reduces outbound requests; other examples include embedding JavaScript via