- Visual Design
Since this is an earlier project, responsive design is not implemented. Project is best viewed on browsers with screen sizes 1100px and up.
The first tutorial showcases an image slider, the second one an image zoom effect. Both tutorials are to be used in conjunction with embedded code snippets and a plugin. Documentation is provided for the plugins to allow for easy implementation. Finally, the last tutorial is also an image slider which shows line by line the written script required to function. The site also includes a sticky navbar to allow easy navigation between tutorials.
Since the step-by-step documentation is text heavy, I used accordion tabs to hide/show information as required.
I incorporated three light and warm colors to bring out a tropical theme for the site.