View funky-pure-css-category-shuffler-control-sander-nizni.markdown

Funky Pure CSS Category Shuffler Control (Sander Nizni)

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.

License.

View barchart-icon-in-pure-css.markdown

Barchart Icon in Pure CSS

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.

License.

View index.html
<canvas id = 'canv'></canvas>
View index.html
<div class="icon-wrapper"><i class="fa fa-users custom-icon"><span class="fix-editor">&nbsp;</span></i></div>
<div class="icon-wrapper"><i class="fa fa-comment custom-icon"><span class="fix-editor">&nbsp;</span></i></div>
<div class="icon-wrapper"><i class="fa fa-anchor custom-icon"><span class="fix-editor">&nbsp;</span></i></div>
<div class="icon-wrapper"><i class="fa fa-adjust custom-icon"><span class="fix-editor">&nbsp;</span></i></div>
<div class="icon-wrapper"><i class="fa fa-asterisk custom-icon"><span class="fix-editor">&nbsp;</span></i></div>
View big-data-analytics-visualization.markdown

Big Data Analytics Visualization

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.

License.

View alien-music-sequencer-virtual-space-remix.markdown

Alien Music Sequencer | Virtual Space Remix

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.

License.

View index.haml
- 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
View brain-neurons-on-steroids-in-space-with-3d-negative-ionic-tractor-beam-deflectors-in-quazispacial-rotation-mode.markdown

Brain Neurons on Steroids in Space with 3D Negative Ionic Tractor Beam Deflectors in Quazispacial Rotation Mode

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.

License.

View index.html
<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>
View index.haml
.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