Unit Admin
Class Lists ×
Unit Resources
- Blank HTML document
- jQuery core (download the latest compressed version)
- Official jQuery documentation
- Lorem ipsum text
- Pure CSS dropdown menu
- W3C code validator
- Little CSS Stuff Newcomers Get Confused About [very useful if you don't do well in Coding Test 1]
- Colour Picker:
- Remote access details:
- Protocols: AFP or SFTP
- Host: media.mq.edu.au
- Username and Password: Use your OneID username and password
- Ask staff for the port number (needed for SFTP only)
Exemplars
Weeks 2 and 3 - HTML/CSS Refresher
Week 4 - Introducing jQuery
Week 5 - jQuery and the DOM
- jQuery and the DOM
- Accordion
- Examples of .find() [look in the source code]
- What's the difference between mouseover and mouseenter? See here
Week 6 - Fonts and scrollTop
Week 7 - Audio and Video
- Audio and Video
- Sample Video - MP4 / OGG [right-click links and download videos]
- HTML5 Media Events
- Can I Use?
Week 8 - Google Map API
Week 9 - Extras
- CSS3 - Example 1 (transitions and animation)
- CSS3 - Example 2 (transitions for rotation)
- CSS Animation for Beginners
- Responsive Example
- In your HTML <head> tag:
<meta name="viewport" content="width=device-width">
- In your CSS:
@media only screen and (max-width: 960px) { /* adjust breakpoints as required */
selector {
property: value;
}
}