8 Loading animation with css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<canvas id="canvas" width="1000" height="800"></canvas> |
Battlefield CSS3.
A Pen by Gareth Weaver 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!
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.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* 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) {}, |