Skip to content

Instantly share code, notes, and snippets.

💭
I may be slow to respond.

VCAN visioncan

💭
I may be slow to respond.
View GitHub Profile
@visioncan
visioncan / shopping_spec.md
Last active Sep 20, 2018
購物站相關中英文名詞
View shopping_spec.md

購物相關中英文對照表:

name 說明
item 單一品項
description 描述
image 圖片
sku Stock Keeping Unit 單品項管理,通常給客戶填,內部使用
price 價格
sale_price 優惠價格
@visioncan
visioncan / command.sh
Last active May 17, 2017 — forked from peterdemartini/command.sh
Exclude node_modules in TimeMachine,在 TimeMachine 排除 node_modules 資料夾
View command.sh
find `pwd` -type d -maxdepth 3 -name 'node_modules' | xargs -n 1 tmutil addexclusion
@visioncan
visioncan / function_invocation.js
Created Apr 10, 2017 — forked from myshov/function_invocation.js
11 Ways to Invoke a Function
View function_invocation.js
console.log(1);
(_ => console.log(2))();
eval('console.log(3);');
console.log.call(null, 4);
console.log.apply(null, [5]);
new Function('console.log(6)')();
Reflect.apply(console.log, null, [7])
Reflect.construct(function(){console.log(8)}, []);
Function.prototype.apply.call(console.log, null, [9]);
Function.prototype.call.call(console.log, null, 10);
@visioncan
visioncan / http.html
Last active Jun 1, 2016
iframe cross domain communication
View http.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Http</title>
</head>
<body>
<h1>http page</h1>
<iframe src="https://sub.domain.dev/https.html" frameborder="0" id="ff"></iframe>
<script>
@visioncan
visioncan / font-source-han-sans-J.rb
Last active Oct 17, 2016
Casks font-source-han-sans
View font-source-han-sans-J.rb
cask :v1 => 'font-source-han-sans-J' do
version '1.004'
sha256 '035fe4f72eabb45aff8f2ba29382db67a86918ee6c537281c04b7c7cb179e3fb'
url "https://github.com/adobe-fonts/source-han-sans/raw/release/OTF/SourceHanSansJ.zip"
homepage 'https://github.com/adobe-fonts/source-han-sans'
name 'Source Han Sans J'
font "SourceHanSansJ/SourceHanSans-Bold.otf"
font "SourceHanSansJ/SourceHanSans-ExtraLight.otf"
@visioncan
visioncan / gist:b7c26d683f8acd0d5073
Created Jul 7, 2015
Sublime text theme use SanFranciscoDisplay font face
View gist:b7c26d683f8acd0d5073
//========================================================
// TAB LABELS
//--------------------------------------------------------
{
"class": "tab_label",
"fade": true,
"fg": [170,170,170],
"font.face": "SanFranciscoDisplay-Regular"
},
// Sidebar heading
@visioncan
visioncan / .scss-lint.yml
Last active Aug 29, 2015
scss-lint 設定
View .scss-lint.yml
# Default application configuration that all configurations inherit from.
scss_files: "sass/**/*.scss"
linters:
BangFormat:
enabled: true
space_before_bang: true
space_after_bang: false
# Border 使用 0 不使用 none
@visioncan
visioncan / Map_module.scss
Created Nov 9, 2014
模組裡 map merge 寫法
View Map_module.scss
//////////////////////////////////// 版的css設定
$list: (
li:(
background-color: #fff
)
);
//////////////////////////////////// 模組scss -----------------------
$list: () !default;
@visioncan
visioncan / sketchtool_in_Xcode
Created Oct 2, 2014
Exporting Sketch Assets Into Xcode
View sketchtool_in_Xcode
/usr/local/bin/sketchtool export artboards "$PROJECT_DIR"/"Resource/AppIcon.sketch" --output="$PROJECT_DIR"/"$PROJECT_NAME"/Images.xcassets/AppIcon.appiconset --formats="png"
@visioncan
visioncan / css_resources.md
Created Jul 2, 2014 — forked from jookyboi/css_resources.md
CSS libraries and guides to bring some order to the chaos.
View css_resources.md

Libraries

  • 960 Grid System - An effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
  • Compass - Open source CSS Authoring Framework.
  • Bootstrap - Sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
  • Font Awesome - The iconic font designed for Bootstrap.
  • Zurb Foundation - Framework for writing responsive web sites.
  • SASS - CSS extension language which allows variables, mixins and rules nesting.
  • Skeleton - Boilerplate for responsive, mobile-friendly development.

Guides

You can’t perform that action at this time.