CSS site style testing

Use the links below to re-style this entire web site to see how you can change the looks of a website with CSS while leaving the content in tact.

References

• Lighthouse performance testing
• CSS reference
• HTML reference
• CSS filter generator to convert from black to target hex color
• Coolors Color Scheme generator
• Palleton Color Design picker
• Web Content Accessibility Guidelines 2.0 requirements
• WAVE accessibility checker (Kirk uses this)
• Other accessibility checking tools that Miami uses
  • Colour Contrast Analyser
  • WCAG Color Contrast Analyzer
  • Penguinium
  • Web Developer Toolbar
  • Juicy Studio
  • JAWS v.17 (Windows only)
  • NVDA v.2016 (Windows only)
• Section 508 Compliance
• use a search engine (like Google) to find new code (i.e. HTML, CSS, and PHP)
• css3gen.com/box-shadow
• css3generator.com
• color gradients
• software to create your own repeating background ($37)
• Create your own web font
• Domain Name Registrar: Hover.com ($12.99 per year)
• Optional textbook: HTML and CSS: Design and Build Websites
• Responsive Design Samples/Test Pages
  • Try Responsive Design
  • Bubble Menu
  • Dropdown menu with submenu
  • "Respond" menu
  • "Respond" menu with separate css file
  • Separate header and footer
  • Separate header and footer and a menu
  • 3 column test page based on an IMS222 student from the past
  • The Perfect Website
• Web spell checker's
  • http://typosaur.us/
  • http://www.internetmarketingninjas.com/online-spell-checker.php
  • https://www.w3.org/2002/01/spellchecker
• Google Chrome extensions for reviewing pages
  • spell checker - "Spell Check"
  • accessibility checker - "WAVE"
  • html checker - "HTML validator"
  • remove css - "disable HTML"
  • check links - "Check My Links"
  • check links - "PageSpeed Insights (by Google)"
  • page outline - "HTML5 Outliner (by Google)"
• Photo editor
  • Pixelmator (Mac) ($29.99)
  • Affinity Photo (Mac) ($49.99)
  • Affinity Photo (Win) ($49.99)
  • Adobe Creative Cloud (Photoshop is the photo editor) (Mac or Win) ($9.99 to $82.98 per month - subscription model)
    • I'm not a huge Adobe fan because of their pricing model but I listed it here because many people think it's the standard
    • Affinity Photo is a very close competitor to Photoshop
    • Pixelmator has more limited features than Affinity Photo and Photoshop but is easier to use
• Web photo editor
  • https://www.fotor.com (free)
• HTML 5 page outliner
• Viewing source code in Safari
  • Safari...Preferences...Advanced...CHECK in "Show Develop menu in menu bar"