This project was designed to demonstrate implementation of HTML5 semantic markup, CSS with responsive web design and implementation of basic JavaScript and JQuery for website functionality.
- HTML5
- CSS3
- Media Queries
- Web Fonts
- JavaScript
- JQuery
- JQuery Plugins
This project allowed me to learn use of CSS media queries to implement changing layouts for a required web design of mobile, tablet and desktop resolutions.
I also learned the process for creating web font kits of differing font file formats from design font requirements and how to include Font Awesome icons in my web pages.
Implementation of functionality for email validation allowed me to understand control statements in JavaScript.
Use of JQuery allowed me to understand manipulation of DOM elements and integration of the project with JQuery plugins.
- JQuery 3.1.1 - http://jquery.com/
- Flickity 2.0.4 - https://github.com/metafizzy/flickity
- JQuery Mobile 1.4.5 - http://jquerymobile.com/
- Browser tests revealed layout issues with product categories under IE11. All other browsers displayed fine.