Unit Admin
Unit Resources
- Blank HTML document
(show source)
<!doctype html> <html> <head> <meta charset="utf-8"> <title>MMCC2041</title> <link href="" rel="stylesheet" /> </head> <body> </body> </html> - 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:
Weekly Worksheets
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 [right-click link and download videos]
- Sample Audio - MP3 [right-click links and download audio]
- 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;
}
}