Design: Responsive Layout
Technical: Digital Imaging + HTML + CSS
Practice: Mock-up + Implementation
- Project 2: My Footprint Implement the interactive mock-up for the web and phone versions using hot links.
- Install Web Export Plug In in XD and export your XD interactive prototype to HTML/CSS.
Project 2: My Footprint Start to recreate the mock-ups in html+css files but first boxify your mock-ups defying how many boxes your design will have. You should do this for both devices and every page – watch boxify your layout if you haven’t done so!