Use this Pure CSS control to manage and sort several groups or categories of information, such as images, data blocks, photos, etc. Mark or flag each item on a page as one of the four categories and then display only one category at a time or display them all with a reset button. Enjoy and share | Sander Nizni
A Pen by Sander Nizni on CodePen.
This is an icon representing a barchart written in pure CSS - you will it find easy to customize to your needs.
A Pen by Sander Nizni on CodePen.
| <canvas id = 'canv'></canvas> |
| <div class="icon-wrapper"><i class="fa fa-users custom-icon"><span class="fix-editor"> </span></i></div> | |
| <div class="icon-wrapper"><i class="fa fa-comment custom-icon"><span class="fix-editor"> </span></i></div> | |
| <div class="icon-wrapper"><i class="fa fa-anchor custom-icon"><span class="fix-editor"> </span></i></div> | |
| <div class="icon-wrapper"><i class="fa fa-adjust custom-icon"><span class="fix-editor"> </span></i></div> | |
| <div class="icon-wrapper"><i class="fa fa-asterisk custom-icon"><span class="fix-editor"> </span></i></div> |
When you work with big data to find intricate dependencies and relationships between unstructured data clusters, experimentation pays off. This prototype shows one way to experiment with visualizing such data clusters: just hover over any area to see the groups of dots interconnected within the immediate proximity. Enjoy. Share.
A Pen by Sander Nizni on CodePen.
This is a simple step sequencer that you will enjoy playing with on weekends, and on weekdays. Dig it. Love it. Thank John Galt, and Joe Harry, and the independents. Enjoy and share | Sander Nizni
A Pen by Sander Nizni on CodePen.
| - raindrops=(1..200) | |
| %input.focus#focusDrops{:type => "radio", :name=>"focus"} | |
| %label{:for => "focusDrops"} Focus: raindrops | |
| %input.focus#focusBG{:type => "radio", :name=>"focus"} | |
| %label{:for => "focusBG"} Focus: city | |
| %input.focus#focusBoth{:type => "radio", :name=>"focus", :checked => "checked"} | |
| %label{:for => "focusBoth"} Focus: average |
These are neurons - inside the human brain, on steroids in space... sending negative ionic tractor beam intercept signals. Enjoy and share | Sander Nizni
A Pen by Sander Nizni on CodePen.
| <canvas id="c"></canvas> | |
| <div class="info">CLICK TO ADD A BLACK HOLE. WATCH.<br>ADD A FEW MORE AND WHATCH AGAIN.<br>CLICK THE OPEN CONTROLS LINK (ON<br>RIGHT) TO ADJUST BEHAVIOR. OBSERVE<br>AS SEVERAL BLACK HOLES MERGE INTO<br>A SUPERMASSIVE SINGULARITY.<br>ENJOY + SHARE | CHEERS | SANDER</div> |
| .description | |
| %h1 Exoplanet System BADABOOM Sector Cluster XR911BT | |
| %hr/ | |
| %p | |
| You may change animation velocity<br>by changing the variable | |
| %code $year-in-second. | |
| %br/ | |
| Default: 1 year = 30 sec | |
| %p.hide |