This will be a master issue tracking several elements for updating the overall UI to look more playful / fun / welcoming. The first step taken was giving the Site cards some box-shadow and making them look as if they're floating on :hover. Although this project is mainly focused on getting experience with Vue.js, I'd like to take the time to further develop my web development, and more precisely, web design skills.
This will be a master issue tracking several elements for updating the overall UI to look more playful / fun / welcoming. The first step taken was giving the Site cards some
box-shadow
and making them look as if they're floating on:hover
. Although this project is mainly focused on getting experience with Vue.js, I'd like to take the time to further develop my web development, and more precisely, web design skills.Much of the inspiration for these design changes comes from this article: https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886
box-shadow
to Site cards and make them "float" on hover - a1d82c1Sites.vue
, display full-page site screenshot inViewSite.vue
(similar to https://www.lapa.ninja or https://land-book.com)