Skip to content

Instantly share code, notes, and snippets.

@shuuheyhey
shuuheyhey / haml.sublime-build
Created May 25, 2013 07:29
haml.sublime-build
{
"cmd": "haml",
"selector": "source.haml",
"working_dir": "${file_path}",
"windows":
{
"cmd": ["haml.bat", "$file", "$file_path/$file_base_name.html"]
},
{
"name": "example",
"version": "0.0.1",
"description": "An example Jam package",
"dependencies": {
"async": "0.1.22",
"uglify-js": "1.3.4"
, "jshint": "0.9.1"
, "recess": "1.1.6"
, "connect": "2.1.3"
@shuuheyhey
shuuheyhey / main.js
Created May 26, 2013 01:20
jQuery(CDN/Fallback) & Bootstrap load by Requirejs
requirejs.config({
baseUrl: 'js',
paths: {
jquery: ['//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min','jquery.min'],
bootstrap: 'bootstrap.min'
},
shim: {
'bootstrap':{deps: ['jquery']}
}
});
@shuuheyhey
shuuheyhey / LESS.sublime-build
Created May 29, 2013 04:18
LESS.sublime-build
{
"cmd": ["lessc", "$file", "${file_path}/${file_base_name}.css", "--verbose"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.css.less",
"osx":
{
"path": "/usr/local/bin:$PATH"
},
@shuuheyhey
shuuheyhey / Sublime_Build_LESS.md
Created May 29, 2013 05:18
Sublime Text 2 単体でLESSをコンパイルする設定方法

Sublime Text 2 単体でLESSをコンパイルする方法

まずはnpm(Node Package manager)でlessをインストール

環境によってはsudoを付ける。

$ (sudo) npm install -g less

Node.jsを入れてない場合はこちらを参考に。

@shuuheyhey
shuuheyhey / Tomorrow+ Markdown Syntax Highlighting for Sublime text 2.md
Last active December 17, 2015 23:49
Tomorrow+ Markdown Syntax Highlighting for Sublime text 2

image

Original Markdown Syntax Highlighting for Sublime text 2

@shuuheyhey
shuuheyhey / Nostalgic Terminal Original Color Scheme.md
Last active December 17, 2015 23:59
Nostalgic Color Scheme for Terminal.app

image

Original Color Scheme for Terminal.app

@shuuheyhey
shuuheyhey / Chrome Developer Tools.md
Last active December 17, 2015 23:59
IR_Black Theme for Chrome Developer Tools

image

Mac: ~/Library/Application Support/Google/Chrome/Default/User StyleSheets/Custom.css

PC: C:UsersYourUsernameAppDataLocalGoogleChromeUser DataDefaultUser StyleSheetsCustom.css

Ubuntu (Chromium):
~/.config/chromium/Default/User StyleSheets/Custom.css

@shuuheyhey
shuuheyhey / wtm58.md
Created June 16, 2013 13:19
第58回 WEB TOUCH MEETING 『CSS拡張言語、LESSを導入してみる』のフォローアップ

第58回「WEB TOUCH MEETING」

『CSS拡張言語、LESSを導入してみる』のフォローアップ

####スライド

Web上でLESSのコンパイルを試せるサービス

  • LESS→CSSに変換してくれるサービス
    less2css
@mixin boxit ($dir) {
display:box;
display:-moz-box;
display:-webkit-box;
box-orient:$dir;
-moz-box-orient:$dir;
-webkit-box-orient:$dir;
}
@mixin order ($num) {