An open API service indexing awesome lists of open source software.

https://github.com/firmoholanda/smashingmagazine.com-design-teardown

Grayscale heat map of the website smashingmagazine.com, that indicates which elements have the greatest weight in the visual hierarchy
https://github.com/firmoholanda/smashingmagazine.com-design-teardown

css html smashingmagazine teardown

Last synced: 3 months ago
JSON representation

Grayscale heat map of the website smashingmagazine.com, that indicates which elements have the greatest weight in the visual hierarchy

Awesome Lists containing this project

README

        

# 📃 design teardown

Grayscale heat map of the website smashingmagazine.com, that indicates which elements have the greatest weight in the visual hierarchy.

## 🔗 link to assignment

the assignment can be found in the Odin Project's HTML and CSS course that can be found [here](https://www.theodinproject.com/courses/html5-and-css3/lessons/design-teardown).

## 📡 technologies used

- html
- css
- github

basic HTML5, CSS3 and github was used on this solo project.

## 🚀 the project

this project can be found in https://github.com/firmoholanda/smashingmagazine.com-design-teardown

### ✨ [live version](https://raw.githack.com/firmoholanda/smashingmagazine.com-design-teardown/development/index.html)


page animation



this is the prototype image:



prototype heatmap

## 🤝 contributing

contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/firmoholanda/smashingmagazine.com-design-teardown/development/issues).

1. fork it (https://github.com/firmoholanda/smashingmagazine.com-design-teardown/development/fork)
2. create your working branch (git checkout -b [choose-a-name])
3. commit your changes (git commit -am 'what this commit will fix/add/improve')
4. push to the branch (git push origin [chosen-name])
5. create a new pull request

## 🤖 contributor

firmo holanda - [GitHub](https://github.com/firmoholanda)

Rory Hellier - [GitHub](https://github.com/Rhelli)

## 🙋‍♂ show your support

give a ⭐️ if you like this project!

## 📝 license

this project is [MIT](https://github.com/firmoholanda/smashingmagazine.com-design-teardown/development/blob/development/license.txt) licensed.