A Selection of CSS References

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

Last modified: Monday, April 27, 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
  
  
• Two tools that let you specify a foreground and background color, and then helps you determine if they provide enough contrast
  • WebAIM Contrast Checker - WebAIM's color contrast checker tool
  • snook.ca's Colour Contrast Check - snook.ca's Colour Contrast Check tool
  
  
• 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!)
• Accessible Colour Contrast - can be used to help determine accessible combinations that "...meet WCAG 2.1 Level AA or higher for the contrast between text and background"
  
  
• justify-content - from css-tricks.com - a very useful description and visuals for understanding CSS flexbox layout's justify-content property (with thanks to Alex Coney for suggesting!)
  
  
• 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