Been planning and saving up to finally ship the perfect autocomplete control with all the makings? This here is the best one north of the intergallactic boundary. It looks up values from a list as the user starts typing. The nice thing is that it looks up 'Starts With' as well as 'Contains' ...which I believe is sweet in some applications. Enjoy and share | Sander Nizni
A Pen by Sander Nizni on CodePen.
Enjoy this multi-color spacetime fabric, if not for its grotesque scale, then for its brutally realistic virtual reality effects. Whoa... did I say you should try this with 3D goggles on? Oh, now I did. Observe. Disobey. Enjoy and share.
A Pen by Sander Nizni on CodePen.
| <html> | |
| <body> | |
| <div class="triangle-wrap shake"> | |
| <div class='triangle'></div> | |
| </div> | |
| </body> | |
| </html> |
| #parallax | |
| .layer(data-depth="0.6") | |
| .some-space | |
| h1 C9H9NO3 (Adrenochrome) | |
| .layer(data-depth="0.4") | |
| #particles-js | |
| .layer(data-depth="0.3") |
Once in a while, you need an example. This is an example of a responsive layout that works nicely. Pure CSS, of course. What else? Enjoy and share | sander nizni
A Pen by Sander Nizni on CodePen.
| .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 |
| <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> |
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.
| - 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 |
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.