zbryikt zbryikt

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

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

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

Generate with cellular automata

	<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];

	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