Skip to content

Instantly share code, notes, and snippets.

@kyaido
kyaido / Preferences.sublime-settings
Created April 30, 2014 09:29
settings for sublimetext2
{
"afn_insert_width_first": true,
"auto_complete_selector": "source - comment, text",
"bold_folder_labels": true,
"color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
"draw_white_space": "all",
"font_face": "Ricty",
"font_size": 13,
"highlight_line": true,
"highlight_modified_tabs": true,
@kyaido
kyaido / Default (Windows).sublime-keymap
Created April 30, 2014 09:32
key bindings for sublimetext2
[
// Ctrl + Tabで、タブの順番に切り替わるようにする
{ "keys": ["ctrl+tab"], "command": "next_view" },
{ "keys": ["ctrl+shift+tab"], "command": "prev_view" },
{ "keys": ["ctrl+pagedown"], "command": "next_view_in_stack" },
{ "keys": ["ctrl+pageup"], "command": "prev_view_in_stack" },
// テキストをタグで囲むショートカットをDW風キーバインドに
{ "keys": ["ctrl+t"], "command": "insert_snippet", "args": { "name": "Packages/XML/long-tag.sublime-snippet" } },
// new view into file
{ "keys": ["ctrl+shift+alt+n"], "command": "clone_file" },
@kyaido
kyaido / RWD.md
Created May 1, 2014 10:53
Responsive Web Design lesson

むずかしそうで難しくない、ちょっと難しいRWD

  • RWDとはなにか
  • なぜRWDか
  • RWDのメリット
  • RWDのデメリット
  • どうしたらRWDになるか
  • どう実装するべきか
  • モバイルファーストと向き合う
@kyaido
kyaido / muscle.md
Created May 7, 2014 05:55
inner muscle

インナーマッスルを鍛える

腹横筋を鍛える、インナーマッスル
理想は朝3セット、夜3セット

下記を行う時は足に枕かなんかをはさんでふとももの内側の筋肉も同時に鍛えるとバランスがいい

腹筋1

鼻から大きく息を吸いながらお腹をへこます、腹横筋を意識する
口から息を吐き出しながらお腹をへこます

@kyaido
kyaido / training_sample.html
Created May 19, 2014 15:14
training sample
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>title</title>
<style>
#wrapper {
width: 1400px;
margin: 0 auto;
}
@kyaido
kyaido / naming.md
Created May 22, 2014 06:52
クラスと画像の命名規則(仮)

クラスについて

クラスの命名規則

文法上のクラス名のルール

  • 大文字と小文字は区別される
    • 例)header, Header, HEADER
  • 半角の英数字、ハイフン( - )、アンダーバー・アンダースコア( _ )のみ使用できる
    • NG例)header!!!!, header⑩
  • アルファベットで始めなければならない(数字や記号で始めてはならない)
(function showNum(i) {
switch (true) {
case i <= 100:
console.log(i);
i++;
showNum(i);
}
})(1);
// http://qiita.com/puriketu99/items/7ab216e64d522fe990c9
// http://qiita.com/puriketu99/items/92b83172268685fceaf2
@kyaido
kyaido / jquery.peekaboo.js
Created June 20, 2014 09:05
jquery.peekaboo.js
(function($) {
$.fn.peekaboo = function(options) {
if (this.length === 0) { return false; }
// user option
var conf = $.extend({
duration: 400,
activeClass: 'active'
}, options);

refactering

リファクタリング: What, Why and When by 斉藤祐也

リファクタリングの本

リファクタリングは期間を決めてするものではない
自分で自分に仕掛ける罠ほど質の悪いものはない
「「プログラマが知るべき97のこと」」

Rule of three

@kyaido
kyaido / hamburger-button.html
Last active August 29, 2015 14:06
hamburger button
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>hamburger</title>
<style>
/* http://hail2u.net/blog/webdesign/equal-to-cross.html */
html,
body {