A Pen by Pieter Biesemans on CodePen.
dmirtyisme
/ horizontal-scroll-simple-example.markdown
Created
April 12, 2017 00:39
Horizontal scroll (simple example)
Wanted to play with the code of http://www.dhteumeuleu.com/circumscrible. Drawing in 3d!
A Pen by Steve Marsh on CodePen.
dmirtyisme
/ index.pug
Created
January 31, 2017 23:53
Window manager: Min, max, close, resize all sides, drag and drop, focus
This file contains 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
| .snap | |
| .panel.panel-dark(data-drag='true' data-title='Foo window') | |
| .panel-heading | |
| .window-ctrl.small | |
| span.dismiss.glyphicon.glyphicon-remove | |
| span.max.glyphicon.glyphicon-stop | |
| span.min.glyphicon.glyphicon-minus | |
| span.window-title.hide | |
| .inner |
This file contains 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
| <div class="md-select"> | |
| <label for="ul-id"><button type="button" class="ng-binding">State 2</button></label> | |
| <ul role="listbox" id="ul-id" class="md-whiteframe-z1" aria-activedescendant="state2_AK" name="ul-id"> | |
| <li role="option" id="state2_AK" class="ng-binding ng-scope active" tabindex="-1" aria-selected="true">Alaska</li> | |
| <li role="option" id="state2_AL" class="ng-binding ng-scope" tabindex="-1" aria-selected="false">Alabama</li> | |
| <li role="option" id="state2_AR" class="ng-binding ng-scope" tabindex="-1" aria-selected="false">Arkansas</li> | |
| <li role="option" id="state2_AS" class="ng-binding ng-scope" tabindex="-1" aria-selected="false">American Samoa</li> | |
| <li role="option" id="state2_AZ" class="ng-binding ng-scope" tabindex="-1" aria-selected="false">Arizona</li> | |
| <li role="option" id="state2_CA" class="ng-binding ng-scope" tabindex="-1" aria-selected="false">California</li> |
A Pen by dimabelogurov on CodePen.
This file contains 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="js-canvas" width="400" height="300"></canvas> | |
| <p>Use Arrow Keys!</p> |
This file contains 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
| <!-- ADD A JACOB --> | |
| <button class="js-add-one">Add a Jacob</button> | |
| <button class="js-add-ten">Add 10 Jacobs</button> | |
| <button class="js-add-hundred">Add 100 Jacobs</button> | |
| <div> | |
| <span class="counter">4</span> Jacobs | |
| </div> | |
| <div class="jacob left"> | |
| </div> |
This file contains 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
| <!-- React container --> | |
| <div id="app-root"></div> |
This file contains 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="platform"></canvas> |
dmirtyisme
/ platform-game-eloquent-javascript-ch-15.markdown
Created
January 5, 2017 16:19
Platform Game: Eloquent JavaScript Ch. 15
A Pen by Brett Peters on CodePen.
NewerOlder