Skip to content

Instantly share code, notes, and snippets.

View rssems's full-sized avatar

Selçuk Saydam rssems

185 followers · 47 following
View GitHub Profile
@rssems
rssems / framerTimer
Created September 20, 2017 22:37
origin = null
timer = null
time = ->
now = Date.now()
secs = Math.floor((now - origin) / 1000)
s = secs % 60
min = Math.floor(secs / 60)
if s < 10 then s = "0" + s
if min < 10 then min = "0" + min
@rssems
rssems / A-Pen-by-Rıza-Selçuk-Saydam.markdown
Created November 10, 2013 19:55
A Pen by Rıza Selçuk Saydam.
@rssems
rssems / index.html
Created May 25, 2013 10:12
A CodePen by Rıza Selçuk Saydam. Flutterby - This is a single element pure CSS3 butterfly and animation.
<div class="minimalsworld">
<span class="flutterby">.</span>
</div>
@rssems
rssems / A12-Transition.css
Created March 8, 2013 15:35
p { transition: all 0s 9999999s; } span:active ~ p { transition: all 0s; color: red; }
@rssems
rssems / A11-Transition.html
Created March 8, 2013 15:34
<span>TIKLA</span> <p>Web Magazin</p>
@rssems
rssems / A10-focus.css
Created March 8, 2013 15:33
span:focus ~ p { color: red; }
@rssems
rssems / A09-focus.example
Created March 8, 2013 15:32
<span tabindex="0">TIKLA</span> <p>Web Magazin</p>
@rssems
rssems / A08-target.css
Created March 8, 2013 15:30
p:target { color: red; }
@rssems
rssems / A07-target.html
Created March 8, 2013 15:29
<a href="#id">TIKLA</a> <p id="id">Web Magazin</p>
@rssems
rssems / A06-checked.css
Created March 8, 2013 15:28
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}