derek/index.html

## index.html
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <!-- The YUI CSS Reset.  Optional -->
  <!-- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css"> -->
  <link rel="stylesheet" href="style.css">

  <!-- Load the YUI seed file.  http://yuim.in/ always loads the latest version -->
  <script src="http://yuim.in/"></script>
  <script src="script.js"></script>
</head>
<body>
  <h1>Basic plunk!</h1>
  <p>If the header above is red, then you know Plunker is working!</p>
  <!-- Put your html here! -->
</body>
</html>

## script.js
YUI().use(/* Modules to load here */ 'node', 'transition', function (Y) {

    // Your implementation code here.
    // And don't forget to specify additional modules if you need them.

    Y.one('h1').transition({
        'duration': '0.75',
        'marginLeft': '20px'
    });

});

## style.css
/* Put your css in here */

h1 {
  color: red;
}
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title></title>
	<!-- The YUI CSS Reset. Optional -->
	<!-- <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css"> -->
	<link rel="stylesheet" href="style.css">

	<!-- Load the YUI seed file. http://yuim.in/ always loads the latest version -->
	<script src="http://yuim.in/"></script>
	<script src="script.js"></script>
	</head>
	<body>
	<h1>Basic plunk!</h1>
	<p>If the header above is red, then you know Plunker is working!</p>
	<!-- Put your html here! -->
	</body>
	</html>
	YUI().use(/* Modules to load here */ 'node', 'transition', function (Y) {

	// Your implementation code here.
	// And don't forget to specify additional modules if you need them.

	Y.one('h1').transition({
	'duration': '0.75',
	'marginLeft': '20px'
	});

	});