This is a Windows 8 metro style dashboard.
A Pen by Jonnie Spratley on CodePen.
idahopotato1
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
| <br /><div class="container"><div class="row"> | |
| <div class="col-md-8 col-md-offset-2"> | |
| <div class="row"> | |
| <div class="pe-blog-post"> | |
| <div class="form-group col-sm-6"> | |
| <label for="js-input-revenue" class="control-label small text-muted">Current revenue:</label> | |
| <div class="input-group prefix suffix"> |
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
| <br /><div class="container"><div class="row"> | |
| <div class="col-md-8 col-md-offset-2"> | |
| <div class="row"> | |
| <div class="pe-blog-post"> | |
| <div class="form-group col-sm-6"> | |
| <label for="js-input-revenue" class="control-label small text-muted">Current revenue:</label> | |
| <div class="input-group prefix suffix"> |
idahopotato1
/ index.html
Created
April 9, 2021 00:11
"SVG editor" to demonstrate Interactable#rectChecker
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
| <svg> | |
| </svg> |
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 id="pane"> | |
| <div id="title">Resize, Drag or Snap Me!</div> | |
| </div> | |
| <div id="ghostpane"></div> |
idahopotato1
/ drag-and-drop-cells.markdown
Last active
April 8, 2021 23:47
Drag and Drop Cells - design ad decision tree
This is a drag and drop list implemented and styled to be on a table view. Styles needs refactoring but will do for now.
The Brand(Nike, Adidas) cannot be dragged and dropped at all.
The Main Category(Male,Female) cannot be dragged and dropped beyond its parent Brand.
The Sub Category(Male kids, Male adult, Female kids, Female adult) cannot be dragged and dropped beyond its Main Category.
idahopotato1
/ html5-drag-and-drop-library-wip.markdown
Created
April 8, 2021 23:40
HTML5 Drag and Drop Library [WIP]
A Pen by Lisa Benmore on CodePen.
A Pen by Widyatmoko on CodePen.
idahopotato1
/ expanding-cards.markdown
Last active
April 8, 2021 22:58
Expanding Cards - use this for expanding ad pages
Expanding Cards gallerie with html, css and Javascript
A Pen by Abdelkarim KHALLOUK on CodePen.
NewerOlder