Week 5

Modals

Modals are a great way of drawing attention to important information. Modals sit over the website content without influencing the layout, allowing for temporary information to be displayed.


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.


Flipbook Animation

JavaScript can be used to achieve a flip-book style effect by alternating visibility of a collection of elements.


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.