Skip to content

Instantly share code, notes, and snippets.

View zbryikt's full-sized avatar

zbryikt zbryikt

206 followers · 12 following
View GitHub Profile
@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 - 狀態指示, 像是 打開 / 關上 / 等待中
@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 / README.md
Last active November 24, 2017 16:12
Legislator Voting Result

立委投票結果產生器

幫你把立委在國會表決的結果畫成一目了然的圖表！

使用說明

  1. include lyvote.js ( generated from lyvote.ls )
  2. in your html do following
@zbryikt
zbryikt / index.html
Created October 4, 2017 07:56 — forked from anonymous/index.html
// source http://jsbin.com/puwowevijo
<style id="jsbin-css">
body {
background: #f00;
}
</style>
hihi
<script id="jsbin-javascript">
console.log("ok");
</script>
@zbryikt
zbryikt / index.html
Created August 22, 2017 03:44
D3js Tutorial - A working sample for http://blog.infographics.tw/2015/03/d3js-the-introduction/
<html>
<head>
<meta charset="utf-8"/>
</head>
<body>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script>
var death_rate = [['越南',24.26],['阿魯巴',17.48],['關島',10.01],['澳門',5.84]];
var div_data_bind = d3.select("body").selectAll("div").data(death_rate);
div_set = div_data_bind.enter().append("div");
@zbryikt
zbryikt / README.md
Last active October 18, 2016 04:42
紗帽山與前山公園 + 郵筒與建築 / QGIS + three.js 實作 by 林立哲
@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;
@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 / ui-step-state
Created October 25, 2013 09:37
add state in semantic-ui steps!
test
@zbryikt
zbryikt / README.md
Last active December 20, 2015 19:08

Maze Generator

Generate with cellular automata