Skip to content

Instantly share code, notes, and snippets.

View shirokuro331's full-sized avatar

Toshiaki Sasaki shirokuro331

25 followers · 20 following
View GitHub Profile
@shirokuro331
shirokuro331 / gist:6199320
Created August 10, 2013 06:24
Sublime Text 2 に入れたPackage
  • AutoFileName
  • ConvertToUTF8
  • emmet
  • Goto CSS Declaration
  • Image2Base64
  • LESS
  • SASS
  • SCSS
  • LiveReload
  • Markdown Preview
@shirokuro331
shirokuro331 / gist:6199243
Created August 10, 2013 05:52
MacBookAir買った時に入れたソフト

  • Google Chrome

  • Google Chrome canary

  • Firefox

  • evernote

  • Dropbox

  • Sublime Text 2

  • Google 日本語入力

@shirokuro331
shirokuro331 / Gruntfile.js
Created July 27, 2013 01:39
Grunt
module.exports = function (grunt) {
grunt.initConfig({
watch:{
sassmin:{
files: 'src/scss/*.scss',
tasks: ['compass','cssmin']
},
js:{
files: 'src/js/*.js',
@shirokuro331
shirokuro331 / gist:5698477
Last active December 18, 2015 00:39
Retina 対応 mixin
$spriteName: sprite-map("folder/*.png", $spacing: 5px);
@mixin sprite-hoge($name){
background-image: $spriteName;
background-repeat: no-repeat;
width: image-width(sprite-file($spriteName, $name)) / 2;
height: image-height(sprite-file($spriteName, $name)) / 2;
$ypos: round(nth(sprite-position($spriteName, $name), 2) / 2);
background-position: 0 $ypos;
background-size: round(image-width(sprite-path($spriteName)) / 2) round(image-height(sprite-path($spriteName)) / 2);
@shirokuro331
shirokuro331 / gist:5135506
Last active December 14, 2015 19:19
jekyll の導入手順（jekyll Bootstrap）

jekyll インストール

terminal.app を起動し、下記コマンドを入力。

$ gem install jekyll

※ Ruby 1.9.1 が必要っぽい
Install

jekyll bootstrap のファイルをローカルにクローンする。

@shirokuro331
shirokuro331 / Gruntfile.js
Created March 5, 2013 13:57
grunt-contrib-imagemin　メモ https://github.com/gruntjs/grunt-contrib-imagemin
module.exports = function(grunt) {
grunt.initConfig({
imagemin: { // Task
dist: { // Target
options: { // Target options
optimizationLevel: 3
},
files: { // Dictionary of files
'dist/': 'src/*.png' // dist is output directory name. src directory png file are optimization
@shirokuro331
shirokuro331 / Grantfile.js
Last active December 14, 2015 12:59
grunt-contrib-sass メモ https://npmjs.org/package/grunt-contrib-sass
module.exports = function(grunt) {
grunt.initConfig({
sass: {
dist: {
files: {
'css/style.css': // コンパイル後のフォルダとファイル
[
'_scss/*.scss' // 元ファイル
]
@shirokuro331
shirokuro331 / gist:4702149
Last active December 12, 2015 02:49
GitHubのメモ

GitHubのメモ

###　GitHub のファイルを取ってくる

$ git clone https://hogehoge.git

###　GitHub のリポジトリにファイルをアップする

  1. GitHub でリポジトリを作る
  2. ローカルの適当なところでフォルダをつくる
@shirokuro331
shirokuro331 / gist:4648973
Last active December 11, 2015 19:29
Sass の placeholder について

placeholder について

Sass 3.2 になってからの新機能らしい。
簡単に言うと css ファイルに書きだされない extend って感じ。

書き方は下記。
valiables は『$』だけど、placeholder は『%』を頭につける。

%redtext-redbackground{

background: #f00;

@shirokuro331
shirokuro331 / gist:4515767
Last active December 11, 2015 00:19
忘れやすいので。

Emmet の書き方メモ

h2{menu}+ul>li*10>a[href="#"]{menu$}

上記をCtrl + E で展開すると

<h2>menu</h2>
<ul>
  <li><a href="#">menu1</a></li>

menu2