Because your time is valuable
Here’s how the Emmet extension for Brackets can really speed up your workflow:
-type #mydiv and hit tab to get <div id=”mydiv”></div>
-type lorem and hit tab to get lorem ipsum text
-type #container>.col-sm-4*3 and hit tab to get
<div id=”container”>
<div class=”col-sm-4″></div>
<div class=”col-sm-4″></div>
<div class=”col-sm-4″></div>
</div>
This video shows you how to copy html content from the developer tools toolbar in Google Chrome.
Too lazy to type? Copy my code below:
<!doctype html>
<html>
<head>
<title>jQuery</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.10.2.min.js" type="text/javascript"></script>
</head>
<body>
Click me to test
<script>
$('body').click(function(){
alert('jQuery is working');
});
</script>
</body>
</html>
Continue reading “How to quickly add jQuery to your web page”