An HTML, CSS, Git, and accessibility code refactor challenge for Full Stack Coding Boot Camp.
This project involved taking starter code (HTML, CSS, and images) and refactoring the HTML and CSS to fit a variety of acceptance criteria. Some of the acceptance criteria included making the HTML more accessible by using semantic HTML elements, making the images accessible by using alt tags, making the structure and organization of the CSS logical, and writing a README file.
The main challenge I encountered while completing this project was deciding if I should keep the classes that were included in the starter code or if I should remove the classes and style the project using semantic elements and tags alone. In the end, I decided to keep the classes because in accordance to some CSS methodologies (like BEM and OOCSS), it is often not advisable to style by semantic elements and tags alone for scalability purposes.
HTML, CSS, Git, GitHub, VS Code, Chrome, Firefox
This project is licensed under the MIT License.
- Alternate Text for Background Images by David MacDonald on CanAdapt
- Emojis and Accessibility: The Dos and Don’ts of Including Emojis in Texts and Emails by Beth on Easterseals Blog
- How to Make Emojis Accessible in HTML by Rachel Leggett on DevYarns
- Semantic HTML5 Elements Explained on freeCodeCamp
- Why You Should Choose HTML5 article Over section by Bruce Lawsone on Smashing Magazine
- CSS Comment Example – How To Comment Out CSS on freeCodeCamp
- You Need to Stop Targeting Tags in CSS by Sarah Dayan on frontstuff
- How to Write a Good README File for Your GitHub Project by Hillary Nyakundi on freeCodeCamp
- How to Favicon in 2022: Six files that fit most needs by Andrey Sitnik on Evil Martians