A Selection of CSS References

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

Last modified: Wednesday, February 25, 2026

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
  
  
• Inaccessible Gallery - an attempt to visualize common web page accessibility issues
  
  
• W3C CSS Validator
• snook.ca's Colour Contrast Check tool - a tool that lets you specify a foreground and background color, and then helps you determine if they provide enough contrast
  
  
• Flexbox Froggy game - "a fun resource for learning flexbox" (with thanks to Aidan Meyer for suggesting!)
  
  
• MDN Web Docs on Cascading Style Sheets
• MDN Web Docs' CSS Reference page - 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!)
  
  
• CodePen - 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!)
  
  
• Colour contrast - why does it matter? - UK Goverment blog post
• Color Universal Design - How to make figures and presentations that are friendly to Colorblind people - (w/thanks to Scott Burgess for suggesting!)
• Sessions College Color calculator - for suggesting complementary colors - (w/thanks to Emily Oparowski for suggesting!)
• W3Schools intro to HSL and HSLA - intro definitions of hue, saturation, and lightness, along with an HSL Color Calculator - (w/thanks to Matthew Nicholson for suggesting!)
• Contrast & 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"
  
  
• CSS Grid Layout - from MDN Web Docs
  
  
• 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
  • About normalize.css - describing what normalize.css is
  • Download link for 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