Hub to Hub


HubtoHub was a commissioned web project by Awesome Anything (by Mister Dibster). The design was done by Mister Dibster, and my responsibility was to extract and convert the assets from an ai file to HTML and CSS format. The design has an interesting line element that connects all the content sections together, so I used the background property in the CSS to display that while absolutely positioning each section to its allocated space with pixel perfection. jQuery was utilized to enable smooth scrolling (for the in-page links to “jump” to a certain section) as well as for the newsticker crossfade effect. CSS3 was also used for transitional effects on link mouseovers. [CHECK OUT THE LIVE SITE]