University of South Florida Creating CSS Files Java Coding Task
Question Description
Hello, I need help taking an existing website (that includes a Javascript menu/code) and making it mobile friendly. You will simply implement a mobile version of the web page (see word documents for code). The page must work correctly on a mobile device. It must contain the same menu choices and features as your standard web page.
You can either (1) have a different CSS file applied to your main page, or (2) go to a totally separate page for mobile devices, or (3) design an interface that works well on both phone and desktop. All features of your main page must view and perform on all devices in a similar and intuitive fashion. This is particularly true of images and the menu system.
NOTE: This must pass the following checker with no errors: https://www.google.com/webmasters/tools/mobile-friendly/
External Resources
Detecting a mobile device with Javascript – http://www.abeautifulsite.net/detecting-mobile-devices-with-javascript/
Handling touch events for mobile interface – http://mobiforge.com/design-development/html5-mobile-web-touch-events
Using a different CSS for different devices – http://www.htmlgoodies.com/beyond/css/introduction-to-css-media-queries.html
Google Chrome Device Emulations – https://developer.chrome.com/devtools/docs/device-mode#media-queries
Have a similar assignment? "Place an order for your assignment and have exceptional work written by our team of experts, guaranteeing you A results."