https://github.com/drkittendorf/code-refactor
Code Refactor
https://github.com/drkittendorf/code-refactor
css git html refactor
Last synced: 8 months ago
JSON representation
Code Refactor
- Host: GitHub
- URL: https://github.com/drkittendorf/code-refactor
- Owner: drkittendorf
- Created: 2020-04-22T18:32:13.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2021-03-28T03:47:50.000Z (about 5 years ago)
- Last Synced: 2025-03-20T12:55:12.860Z (about 1 year ago)
- Topics: css, git, html, refactor
- Language: HTML
- Homepage: https://drkittendorf.github.io/01CodeRefactor/
- Size: 46.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Code Refactor
- [CONTRIBUTOR(S)](#CONTRIBUTORS)
- [USER STORY](#USER-STORY)
- [DESCRIPTION](#DESCRIPTION)
- [REFERENCE LINKS](#REFERENCE-LINKS)
- [FUTURE DEVELOPMENT](#FUTURE-DEVELOPMENT)
---
## CONTRIBUTORS
Dale Kittendorf
---
## USER STORY
AS A marketing agency
I WANT a codebase that follows accessibility standards
SO THAT our own site is optimized for search engines
---
- GIVEN a webpage meets accessibility standards
- WHEN I view the source code
- THEN I find semantic HTML elements
- WHEN I view the structure of the HTML elements
- THEN I find that the elements follow a logical structure independent of styling and positioning
- WHEN I view the image elements
- THEN I find accessible alt attributes
- WHEN I view the heading attributes
- THEN they fall in sequential order
- WHEN I view the title element
- THEN I find a concise, descriptive title
---
## DESCRIPTION
Converted a number of div tags to Semantic HTML. These included: Header, Nav, Aside and Footer.
Reduced the amount of necessary CSS, reusing single section(s) of code rather than repeating identical effects through multiple class tags.
Added alt-tags to images that will replace the images in cases where they won't display properly.
Reordered the code so that it seems more intuitive (to me anyway), following the ordered flow of the page.
Added a title element, which helps with seo and appears in the tab of the web browser.
---
## REFERENCE LINKS
* https://drkittendorf.github.io/code-refactor/
* https://github.com/drkittendorf/code-refactor/
---
## FUTURE DEVELOPMENT
* Switch the float elements out for flex box and add a CSS reset.