Week 5

Responsive Design with Grid Layout

Responsive Design is a website design practice that utilises dynamic data types, flexible layouts and media queries to adjust a website's design to suit the user's device display and interaction modes.

Open grid demo in new tab

Multi-page Forms

HTML Forms can be split into stages to allow larger collections of information to be gathered from the user without seeming offputting.


XML Bookshop

XML is a highly customizeable markup language that is used to transfer data between applications. This demo shows how XML can be used to load the contents of an e-store.


XML Grocery Cart

XML is used to generate content and dynamically populate a table for a grocery shopping cart.


XML IT Company

JS Animation is achieved by using a perpetual loop and updating properties of HTML elements via the DOM API.