Smashing Magazine Heatmap
This is a Heatmap of the Smashing Magazine Webpage built with HTML and CSS3.
In this project, my partner and I designed a 'Heat-Map' of the original Webpage of Smashing Magazine with the aim of portraying our understanding of Visual Hierarchy used in designing Webpages to enhance User Experience (UX) as we dig deeper into our learning of the HTML and CSS3 concept of Design and User Experience (Design and UX).
The page uses GrayScale coloring and differentiation to show the prominence of different regions of the page to users where a darker grayscale color of a region indicates more prominence and attraction of users' attention to that particular region, and otherwise for lighter grayscale colored regions.
This project covers the following HTML and CSS3 concepts
- Design and UX
- Floats and Positioning
- Flex and Grid
- Backgrounds
Built With
- HTML
- CSS
Live Demo
Getting Started
To get a local copy of this repository, please run the following commands on your terminal
$ cd <folder>
$ git clone https://github.com/Georjane/Smashing-Magazine-Heatmap.git
Authors
👤 Witah Ngu Geojane
- Github: @Georjane
- Twitter: @WittyJany
- Linkedin: witah
👤 Roy Ntaate
- Github: @RNtaate
- Twitter: @RNtaate
- Linkedin: roy-ntaate
🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a ⭐️ if you like this project!
Acknowledgments
- This project was originally taken from The Odin project
- The project was inspired by the Microverse program.
📝 License
This project is MIT licensed.