Needed a nice little UI for showing when a web-site we're building, is in live mode!
A Pen by Nathan Monk on CodePen.
/* | |
* HTML Parser By John Resig (ejohn.org) | |
* Modified by Juriy "kangax" Zaytsev | |
* Original code by Erik Arvidsson, Mozilla Public License | |
* http://erik.eae.net/simplehtmlparser/simplehtmlparser.js | |
* | |
* // Use like so: | |
* HTMLParser(htmlString, { | |
* start: function(tag, attrs, unary) {}, | |
* end: function(tag) {}, |
Needed a nice little UI for showing when a web-site we're building, is in live mode!
A Pen by Nathan Monk on CodePen.
In this demo, we will use HTML5 progress element to display skillset. We will try and make this as cross-browser as possible with decent fallback tachniques for browsers that do not support them.
This is actually a walkthrough of my article on CSS-Tricks : http://css-tricks.com/html5-progress-element/ for the same topic.
Code walkthrough - http://thecodeplayer.com/walkthrough/361f10bb1e1f5116fad2f6f0825854dc
Hope, you will enjoy it!
Battlefield CSS3.
A Pen by Gareth Weaver on CodePen.
<canvas id="canvas" width="1000" height="800"></canvas> |