vaporic / frontend-pixel2html

Test FrontEnd - Pixel2HTML

Pixel2HTML Test Project

---

Requeriments

Do's

• Gulp/Grunt is a must. Use it to make the magic happen.
• Use a CSS Preprocessor, you can choose between LESS, SASS or Stylus.
• Use the grid! (You can use any existing CSS Framework (Hint: We like BASSCSS), or you can use yours)
• We expect cross-browsing (IE+9, Chrome, FF) and cross-device (Desktop + Table + Mobile) compatibility
• Validate all form inputs as required, and email as a wellformed email using Parsley
• Make everything Retina Ready

Dont's

• Do not use any image, everything should be made using CSS3. The only image required is our logo and a SVG is incluided in our assets folder.

Nice to have

• Add a nice animation (we like animate.css & WOW.js).
• Minify the assets.
• Clean and format your stylesheet using unCSS and CSSComb.

Deliverables

• The files should be pushed to your Github account, if you don't have one you can follow this link: https://github.com/join to get one, it's free!
• Cross-check all the details before pushing the final code for review.
• Track the time you spend (You can use TOGGL for this, be honest :D)

Links

Here are some links that might be helpful:

• Automating Tasks with GulpJS
• CSSComb
• UnCSS
• How to use CSS Stats to check your code

Questions?

Fear not! You can send us an email to Diego ([email protected]) or Juan Manuel ([email protected]) with the subject: 'Front-end Test Project'.

Happy Coding!