Skip to content

Instantly share code, notes, and snippets.

View zbryikt's full-sized avatar

zbryikt zbryikt

View GitHub Profile

ok

@zbryikt
zbryikt / README.md
Last active December 20, 2015 19:08

Maze Generator

Generate with cellular automata

@zbryikt
zbryikt / ui-step-state
Created October 25, 2013 09:37
add state in semantic-ui steps!
test
@zbryikt
zbryikt / Heatmap Playaround
Last active March 18, 2019 20:11
Here is a sample of heatmap
Here is a sample of heatmap
@zbryikt
zbryikt / index.ls
Last active December 27, 2015 07:49
ivod live status parser
require! <[request iconv-lite]>
# return [menu-id, mms:ivod-id, title in asx]
# can be used to rebuild menu-id <-> ivod-id <-> title relationship
ivod-id-dynamic = ->
(e,r,b) <- request {url: "http://ivod.ly.gov.tw/vod/ch#it.asx", encoding: null}, _
b = iconv-lite.decode b, \big5
v = /mms:\/\/.+?\/ch(\d+)"/g.exec b
u = /Title>(.+?) .+?<\//g.exec b
console.log v.1, u.1
@zbryikt
zbryikt / index.css
Last active December 27, 2015 11:29
write svg with jade, sass, livescript!
body {
font-family: optima; }
iframe {
border: none; }
.ib {
display: inline-block;
text-align: center;
border: 1px solid #cccccc;
clkao 88
clkaoud 40
ETBlue 32
tkirby 24
ipa 19
clkao_ 18
yhsiang 14
hcchien 13
kiang 13
au 13
@zbryikt
zbryikt / index.html
Created May 9, 2014 15:45
bar transition demo
<html>
<head>
<script type="text/javascript" src="//d3js.org/d3.v3.min.js"></script>
</head>
<body>
<svg id="svg" width="100%" height="100%" viewBox="0 0 800 800" preserveAspectRatio="xMidYMid">
</svg>
<script type="text/javascript">
var svg = d3.select("svg");
var data = [100,300,200];
當選者
宜蘭縣 1952
新竹市 1952
苗栗縣 1952
彰化縣 1953
新竹縣 1953
嘉義市 1954
嘉義縣 1954
基隆市 1954
屏東縣 1954
@zbryikt
zbryikt / css-guideline.md
Last active February 24, 2024 07:04
CSS 開發規範與心法整理

CSS 命名 / 架構規範上的幾個大方向

參考: OOCSS, SMACSS, BEM, AMCSS, SUITCSS, ACSS

  1. 分類 (smacss) base - 基本元件, like, a, b, img, 最基礎的屬性, 可能在任何場合被使用 layout - 整個網站的大架構 module - 功能性元件, 比方說選單 state - 狀態指示, 像是 打開 / 關上 / 等待中