Skip to content

Instantly share code, notes, and snippets.

View hyperabsolute's full-sized avatar

Sander Nizni hyperabsolute

View GitHub Profile
@hyperabsolute
hyperabsolute / funky-pure-css-category-shuffler-control-sander-nizni.markdown
Created September 5, 2016 19:34
Funky Pure CSS Category Shuffler Control (Sander Nizni)

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.

@hyperabsolute
hyperabsolute / barchart-icon-in-pure-css.markdown
Created September 5, 2016 18:57
Barchart Icon in Pure CSS

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.

@hyperabsolute
hyperabsolute / index.html
Created September 5, 2016 18:57
On-Screen VR Animated Fractal Art | virtual reality set/goggles not required
<canvas id = 'canv'></canvas>
@hyperabsolute
hyperabsolute / index.html
Created September 5, 2016 18:56
Pure CSS Awesome Icons with Cheat Sheet Link: people, message, information, brightness, contrast, Linux, charts, and more
<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>
@hyperabsolute
hyperabsolute / big-data-analytics-visualization.markdown
Created September 5, 2016 18:56
Big Data Analytics Visualization

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.

@hyperabsolute
hyperabsolute / alien-music-sequencer-virtual-space-remix.markdown
Created September 5, 2016 18:55
Alien Music Sequencer | Virtual Space Remix

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.

@hyperabsolute
hyperabsolute / index.haml
Created September 5, 2016 18:54
Pure CSS Cityscape Rain Drop Customizer
- 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
@hyperabsolute
hyperabsolute / brain-neurons-on-steroids-in-space-with-3d-negative-ionic-tractor-beam-deflectors-in-quazispacial-rotation-mode.markdown
Created September 5, 2016 18:54
Brain Neurons on Steroids in Space with 3D Negative Ionic Tractor Beam Deflectors in Quazispacial Rotation Mode

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.

@hyperabsolute
hyperabsolute / index.html
Created September 5, 2016 18:53
Singularity Maker | Black Hole Matter Animator
<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>
@hyperabsolute
hyperabsolute / index.haml
Created September 5, 2016 18:53
Pure CSS Exoplanet Universe Prototype | Badaboom Sector | Cluster XR911BT | Model of the Universe Series
.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