Skip to content

Instantly share code, notes, and snippets.

View ikonikre's full-sized avatar

Ικονικρε Ατρέας ikonikre

View GitHub Profile
@ikonikre
ikonikre / about.markdown
Last active September 18, 2016 03:11
A list with animated reveals
@ikonikre
ikonikre / about.markdown
Last active September 18, 2016 03:02
Gatherround
@ikonikre
ikonikre / about.markdown
Last active September 18, 2016 03:01
Hyperdrive
@ikonikre
ikonikre / chrome-tabs.markdown
Last active September 27, 2021 17:44
Chrome Tabs
@ikonikre
ikonikre / detectBrowser.js
Created September 23, 2016 16:00
Detect browser script.
<script>
var message = '';
var ba = [ "Chrome", "Firefox", "Safari", "Opera", "MSIE", "Trident", "Edge" ];
var b, ua = navigator.userAgent ;
for ( var i=0; i < ba.length; i++ ) {
if ( ua.indexOf(ba[i]) > -1 ) {
b = ba[i] ;
break ;
}
}
@ikonikre
ikonikre / falling-confetti.markdown
Created September 30, 2016 05:04
Falling Confetti
@ikonikre
ikonikre / milky-way.markdown
Created September 30, 2016 05:05
Milky Way

Milky Way

This programmatically generates a star field. The stars group around a curve which creates a look like the Milky Way. The stars also twinkle slightly.

A Pen by Viper Bailey on CodePen.

License.

@ikonikre
ikonikre / index.html
Created September 30, 2016 05:06
Momentum headline
<div>
<h1>Sennheiser presents</h1>
<h2>Momentum</h2>
</div>
@ikonikre
ikonikre / index.html
Created September 30, 2016 05:08
Let's go home(loading page)
<div id="loadingPage" v-show='show' transition="fade">
<div id="container">
<div class="a1">
<div class="mo-boy"></div>
<div class="mo-girl"></div>
<div class="mo-mo"></div>
<div class="mo-wheel2"></div>
<div class="mo-wheel1"></div>
</div>
<div class="motor_shadow"></div>
@ikonikre
ikonikre / loading-index.html
Last active September 30, 2016 06:39
Loading Pixels
<div id="container">
<section class="loadingPixel">
<section class="border one"></section>
<section class="border two"></section>
<section class="border three"></section>
<section class="border four"></section>
<section id="center"></section>
</section>
</div>