Rplus Rplus

介紹單一 SASS 檔的撰寫順序

PIXNET 快捷功能Bar ( topbar ) 似乎有更新了~
千呼萬喚的通知功能回魂了ヽ(●´∀`●)ﾉ
不過有時現實是殘酷的~

像是功能有時用不到、色系跟版型不太搭之類的
於是自訂魂就會熊熊地燃了起來~

以下將以 CSS 為主軸來提供部落客自訂這條 topbar 的樣式
若需要其它種樣子也可以再討論討論~

ARandR

伸縮自在的愛

using svg automaticly generate fonts by gulp-iconfont

這篇主要是要講如何使用 SVG 圖檔來生成 icon font，
並且要讓這 icon font 能順利在 CSS preprocessor tool 下接軌

目前 github demo repo 是使用 stylus preprocessor

...

utf-8
set Encoding.default_external = 'utf-8' in first line of config.rb
via: Sass UTF-8 encoding on Windows
gem update SSL error
gem source: list gem sources,
gem sources --add http://rubygems.org
gem sources --remove https://rubygems.org: remove SSL request

	/*
	source: http://unlimited.kptaipei.tw/docs/
	ref: http://lea.verou.me/2012/04/background-attachment-local/

	demo by @Lea Verou
	http://dabblet.com/gist/2462915
	*/
	%scroll-shadow--vertical {
	background-image:
	/* Shadow covers */

	var url = "http://example.com:3000/pathname/?search=test#hash";

	var _a = new URL(url);

	_a.protocol; // => "http:"
	_a.hostname; // => "example.com"
	_a.port; // => "3000"
	_a.pathname; // => "/pathname/"
	_a.search; // => "?search=test"
	_a.hash; // => "#hash"

	/// via http://stackoverflow.com/a/5158301/3893926

	/**
	* get parameter by name form url location.search
	* @param {string} name [description]
	* @return {string \| null} if name exist, return the para; or return null
	*/
	function getParameterByName(name) {
	var match = RegExp('[?&]' + name + '=([^&]*)').exec(window.location.search);
	return match && decodeURIComponent(match[1].replace(/\+/g, ' '));