SMAI website concept
Imagination can be abstract
Imagination can be abstract
A concept website that I developed incorporating jQuery functions and features to improve the user's experience while navigating through the website. SMAI stands for "shoe meets abstract inspiration" as the website displays two things that I am passionate about, shoes and digital art.
See the website at:
http://aderon.webs.com/website/home.html
See the website at:
http://aderon.webs.com/website/home.html
Overall screenshot of the homepage
Logo slides down as user mouse overs the logo
A tooltip fades in as user mouse overs the "sign up" link
Home banner glows when mouse overed
Located at bottom right of page. When clicked, page will slide back to top of page
Form validation applied.
Shoe image on services page:
http://www.sneakerfreaker.com/articles/Limited-Editions-vintage/
http://www.sneakerfreaker.com/articles/Limited-Editions-vintage/
Shoe image on products page:
http://www.hypedc.com/mexico-mid-run-2342.html/
http://www.hypedc.com/air-180-white-ultramarine.html/
http://www.hypedc.com/marcel-tn-black-grey.html/
http://www.hypedc.com/first-round-flipper-metallic-silver.html/
http://www.hypedc.com/mexico-mid-run-2342.html/
http://www.hypedc.com/air-180-white-ultramarine.html/
http://www.hypedc.com/marcel-tn-black-grey.html/
http://www.hypedc.com/first-round-flipper-metallic-silver.html/
CSS sticky footer code adapted from:
http://www.cssstickyfooter.com/
http://www.cssstickyfooter.com/
Reset CSS code adapted from:
http://meyerweb.com/eric/tools/css/reset/
http://meyerweb.com/eric/tools/css/reset/
Form validation plug-in from http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ on 25/10/10
