Test Pages - Rebuilding Site to be mobile friendly
This round of testing is complete. All test pages recreated as live pages:
Progression of test layouts for Byssomerulius incarnatus.
- Test 8 - CSS clean-up and CSS variables; color palette stabilized
- Test 7 - CSS Grid Layout edits; simplify; footer reduced
- Test 6 - CSS Grid Layout revamp; link animation; Details element; font
- Test 5 - CSS Grid Layout reduced width; new Chicago map
- Test 4 - CSS Grid Layout; but too wide
- Test 3 - Wider Layout; add a photo
- Test 2 - Flex Box for navigation; floats were removed
- Test 1 - Floats (clean version of old layout)
Utilizing HTML5 and CSS3 supported by modern browsers
- Mobile-first layouts
- Layout floats replaced by CSS Grid and Flexbox
- Style sheets with CSS variables to more easily swap themes
- Figure and Details elements
- Pseudo-selectors
- CSS animations