This is a quick example of how you can tint an svg image even if it’s added to the page externally (it’s not an inline svg):
Continue reading “Colorize or tint an SVG image with CSS”Increment number when creating multiple html elements using emmet
Sometimes you need to create many elements so that each one of them gets a unique, incrementing number. You probably already know about VS Code’s Emmet capabilities which let you type something like .myClass*5 to automatically create five divs with the class “myClass”. So the output of that would be:
Continue reading “Increment number when creating multiple html elements using emmet”How to create SVG image maps with Inkscape.
Examples of Brackets plus the Emmet extension
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>
Copy html from Chrome’s developer tools
This video shows you how to copy html content from the developer tools toolbar in Google Chrome.
How to quickly add jQuery to your web page
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”