JSFiddle

Vimla's public fiddles

• q28rj9dL

  jQuery 1.9.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Editing the DOM (Template)

  This fiddle edits the DOM to change the DIV element with the id of content and sets the backgroundColor style attribute.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Object Constructor Functions

  This demonstrates how to create Object instances from functions, and dmonstrates that this can be mixecd with Object Notation.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS actrivity - lists

  Without modifying the HTML or JavaScript panels, and only editing the CSS panel, make the list of cars red, the list of tyres green, and the list of insurers blue. Change the colour of the text that is not part of an unordered list to purple.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Box Model

  Experiment with padding, margin and border.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Google Map - Basic Map

  Load a Google map showing Curtin

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Google Map - Basic Map

  Load a Google map showing Curtin

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Box Model

  Experiment with padding, margin and border.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Box Model

  Experiment with padding, margin and border.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Box Model

  Experiment with padding, margin and border.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS Box Model

  Experiment with padding, margin and border.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Week 2- Simple logo in SVG - Business Web Technologies

  This shows how to make a simple logo using SVG, an XML format for doing simple graphics that is now an HTML5 recommendation

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Mobile - Content Scrolling

  This demonstration shows content scrolling.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Mobile - Content Scrolling

  This demonstration shows content scrolling.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Mobile - Content Scrolling

  This demonstration shows content scrolling.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• You Tube Video API - LMS

  A demo showing how video might be used in a Learning Management System.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• You Tube Video API - LMS

  A demo showing how video might be used in a Learning Management System.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Shopping Cart - DOM editing

  This demo extends the shopping cart to include DOM editing.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• XML to initialise Menu

  Simple example that demonstrates how XML can be used to initialise a menu.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• XML to initialise Menu

  Simple example that demonstrates how XML can be used to initialise a menu.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• ▶︎
• 3