- Install Gulp globally (if not already installed on your system) -
npm install -g gulp - Install all npm packages
- Start coding! :)
The primary objective of the test is to convert the "broken" static site into a functioning Responsive web page. There is no PSD, you should use your best judgement to realign the site to be device agnostic.
In addition to the primary objective, you should aim to address one or more of the following objectives (in no particular order):
- Acccessibility - improve the general Acccessibility of the page being sure to fix any critical issues
- Semantics - improve the semantics of the HTML.
- Performance - optimise the page for performance as best as you can.
- Responsive Images - implement any Responsive Image solution you deem suitable.
- CSS Structure and Optimisation:
- make any changes necessary to optimise CSS selectors
- remove duplication from the CSS
If you have extra time, consider implementing enhancements such as animations, event-driven effects, or custom web fonts.