A Selection of CSS References

CS 328 - Web-Apps Using Databases
Section 10 - CRN 22205 - MW 3:00-4:20
Spring 2025

Last modified: Monday, March 3, 2025

Important Notes:

• Note: if any of these references happen to follow coding or style standards other than the CS 328 coding or style standards, you are still expected to follow the CS 328 coding and style standards for CS 328 course work! 8-)

• CS 328 CSS Coding Standards so far
  
  
• https://jigsaw.w3.org/css-validator/ - W3C CSS Validator
  
  
• https://snook.ca/technical/colour_contrast/colour.html - a tool that lets you specify a foreground and background color, and then helps you determine if they provide enough contrast
  
  
• https://flexboxfroggy.com - "a fun resource for learning flexbox" (with thanks to Aidan Meyer for suggesting!)
  
  
• https://developer.mozilla.org/en-US/docs/Web/CSS - MDN Web Docs on Cascading Style Sheets
  
  
• https://developer.mozilla.org/en-US/docs/Web/CSS/Reference - direct link to MDN Web Docs' CSS Reference page, which includes "...an alphabetical index of all of the standard CSS properties, pseudo-classes, pseudo-elements, data types, and at-rules." (w/thanks to Matthew Nicholson for suggesting!)
  
  
• https://codepen.io - CodePen is a "social development environment for front-end designers and developers" that includes an online-editor for HTML, CSS, and (client-side) JavaScript, as well as MANY CSS examples and more. (with thanks to Aidan Fedoroff for suggesting!)
  
  
• https://accessibility.blog.gov.uk/2016/06/17/colour-contrast-why-does-it-matter/ - UK Goverment blog post: "Colour contrast - why does it matter?"
• https://jfly.uni-koeln.de/color/ - Color Universal Design - How to make figures and presentations that are friendly to Colorblind people - (w/thanks to Scott Burgess for suggesting!)
• https://www.sessions.edu/color-calculator/ - Sessions College Color calculator for suggesting complementary colors - (w/thanks to Emily Oparowski for suggesting!)
• https://www.w3schools.com/colors/colors_hsl.asp - W3Schools' intro definitions of hue, saturation, and lightness, along with an HSL Color Calculator - (w/thanks to Matthew Nicholson for suggesting!)
• http://web-accessibility.carnegiemuseums.org/design/color/ - document from the Web Content Accessibility Guidelines (WCAG) that includes a nicely-varied selection of "color palette combinations that fall within the range of Section 508 compliant foreground/background color contrast ratios"
  
  
• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout - MDN Web Docs: CSS Grid Layout
  
  
• some suggested articles from Miguel Bermudez's course, "A Liberal Art Student's Guide to Web Design", Sarah Lawrence College, Fall 2013
  • CSS Positioning 101
  • CSS Floats 101
  
  
• CSS Box Model - figure 4.5 from p. 100 of course text, "Web Programming Step by Step", 2nd edition, by Stepp, Miller, and Kirst
  
  
• normalize.css
  • to read more about it: https://nicolasgallagher.com/about-normalize-css
  • to download it: https://necolas.github.io/normalize.css/
  • (but note that a link to a "local" copy in my nrs-labs directory is also included in the posted html-template.html)

Back to Course Home Page