Skip to content

Instantly share code, notes, and snippets.

View kejun's full-sized avatar
💭
I may be slow to respond.

kejun kejun

💭
I may be slow to respond.
View GitHub Profile
@kejun
kejun / dabblet.css
Created April 10, 2014 04:02
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / dabblet.css
Created April 10, 2014 04:03
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / dabblet.css
Created April 10, 2014 04:03
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / dabblet.css
Created April 10, 2014 04:03
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / dabblet.css
Created April 10, 2014 04:03
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / dabblet.css
Created April 10, 2014 04:03
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / dabblet.css
Created April 10, 2014 04:04
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / dabblet.css
Created April 10, 2014 04:04
Untitled
p:4px solid #fff}ul.block-grid[data-clearing]{overflow:visible}.clearing-blackout ul.block-grid[data-clearing].two-up>li:nth-of-type(2n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].three-up>li:nth-of-type(3n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].four-up>li:nth-of-type(4n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].five-up>li:nth-of-type(5n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].six-up>li:nth-of-type(6n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].seven-up>li:nth-of-type(7n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eight-up>li:nth-of-type(8n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].nine-up>li:nth-of-type(9n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].ten-up>li:nth-of-type(10n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].eleven-up>li:nth-of-type(11n+1){clear:none}.clearing-blackout ul.block-grid[data-clearing].twelve-up>li:nth-of-type(12n+
@kejun
kejun / gist:10717717
Created April 15, 2014 09:34
snapsvg + smooth.js (平滑曲线)
/**
HTML:
<script src="//cdnjs.cloudflare.com/ajax/libs/snap.svg/0.2.0/snap.svg-min.js"></script>
<script src="http://cloud.github.com/downloads/osuushi/Smooth.js/Smooth-0.1.7.js"></script>
<a href="#">spline 1</a> |
<a href="#">spline 2</a>
*/
var points = [
[5,100],
<div style="width:160px;height:160px;">
<svg width="100%" height="100%" viewBox="0 0 10 10">
<g stroke="#000" stroke-width="1.5px" stroke-linecap="round">
<path d="M1,2 L9,2"/>
<path d="M1,5 L9,5"/>
<path d="M1,8 L9,8"/>
</g>
</svg>
</div>