CSS Cheatsheet - Backgrounds

My cheatsheets to teach myself coding and frontend development - this lesson is focusing on backgrounds

Prerequisites

Web Browser

Built With

• HTML
• CSS
• Sweat, some tears and a bit of laughter

Software

• VS Code
• CodePen
• Github Desktop

Versioning

Version 1.1 - Initial content Version 1.2 - Styling Version 1.3 - Add new section for Background Blend & Backdrop Filter Version 1.4 - Add new subsection for Isolation property in Blend section Version 1.5 - Add currentColor tip to Color subsection

Code Naming Conventions

Naming convention using hyphens (-) to separate words: Example "section-content"

Git Commit Naming Conventions

Keyword: Description FILE

Examples:

• create: Add new document INDEX
• new: Add new content for sectionB INDEX
• update: Add info to existing section on INDEX
• fix: Typo in sectionA content INDEX
• style: Add colour schema to page STYLESHEET
• docs: Add naming convention rules to README
• test: Test accessibility for styles in STYLESHEET

Resources

• MDN
• W3Schools
• Font Awesome
• Google fonts
• Coolors.co

Acknowledgments

We would like to offer our appreciation to Spotify and the This is: Ramin Djawadi playlist for providing the suitable accompaniment for this project

License

This project is licensed under Unlicense - see the LICENSE.md file for details