2015年11月24日火曜日

Sublime Text2 スペースとタブを表示する方法

[み]Sublime Text2で、スペースとかタブを見えるようにする方法
http://miha5.com/2012/09/2507/

【Sublime Text2】→【Preference】→【Setting – User】で開いた

「Preferences.sublime-settings」に次のコードをコピペします。

    //スペースとかタブを表示
    "draw_white_space": "all"

web帳 | スマートフォン JavaScript タッチ、フリックイベント実装

web帳 | スマートフォン JavaScript タッチ、フリックイベント実装
http://www.webcyou.com/?p=3121

jQueryを使ってスマートフォン用のイベントを扱ってみた
https://blog.sus-happy.net/201112/jquery-smart-phone/

iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ)
http://blog.fenrir-inc.com/jp/2011/06/ios_android_pc_touchevent.html

2015年11月20日金曜日

発生したイベントの状態を保持・保存する6つのパターン - jQuery

発生したイベントの状態を保持・保存する6つのパターン - jQuery入門 - ポンクソフト
http://ponk.jp/jquery/basic/state_save

JavaScriptのイベント発火順序

【保存版】JavaScriptのイベント発火順序まとめ | f-labo blog
http://flabo.io/code/20150330/01-javascript-events-firing-order/

[CSS] CSSでJavaScriptのClickイベントやリンククリック時の動作などを禁止する方法 - YoheiM .NET

アクセス解析をビジネス改善に繋げるための5つの手法~使われないデータとレポートからの脱却~

小川卓氏が語る!アクセス解析をビジネス改善に繋げるための5つの手法~使われないデータとレポートからの脱却~
https://ferret-plus.com/2659

Node.js で類似文字列検索 twitter bot をつくる

Node.js で類似文字列検索 twitter bot をつくる
http://arc.revolve.jp/2015/02/06/256/

JavaScriptのイベントについて

イベント | JavaScript
http://so-zou.jp/web-app/tech/programming/javascript/event/#prevent-default

イベントの無効化
Event.preventDefault()を実行することで、イベントの既定の処理を中止できます。
foo.addEventListener( 'click', function( event ){
    var e = event || window.event;
    e.preventDefault();
}, false );






ドラッグでチェックできるようにするブックマークレット【JavaScript】 - Programming Magic
http://www.programming-magic.com/20080619020550/

//ロード時に全てのチェックボックスにイベントを登録
window.onload = function (){
   var checked, drag, e, i,
   inputs = document.getElementsByTagName('input');
     for (i=0; i < inputs.length; i ++) {
    e = inputs[i];
    if (e.type == 'checkbox'){
     //マウスダウン イベントの登録
     addEvent(e, 'mousedown', function (event){
      checked = !(event.srcElement || event.target).checked;
      drag = true;
     });
     //マウスアウト イベントの登録
     addEvent(e, 'mouseout', function (event){
      if(drag){
       (event.srcElement || event.target).checked = checked;
      }     
});    }   }   
//マウスアップ イベントの登録
   addEvent(document, 'mouseup', function (){
    drag = false;   });  }  
//イベント登録用関数
  function addEvent(e, type, handler){
   if (/*@cc_on!@*/false) {
    //IE用
    e.attachEvent('on' + type, handler);
   }
   else {
    //Firefox, Opera, Safari用
    e.addEventListener(type, handler, false);
   }
  }



jQuery の on() と off() を理解する - tacamy.blog
http://tacamy.hatenablog.com/entry/2013/03/03/213113

2015年11月18日水曜日

CSS3でなめらかに動かす transition-duration

CSSのtransition-durationプロパティでなめらかに要素の状態を変更する - つばろぐ
http://tsubalog.hatenablog.com/entry/2013/04/16/230140

On/Off Flipswitch HTML5/CSS3 Generator - Proto.io

リストのドラッグアンドドロップの決定版 - html5sortable

SPAのためのWEBサーバ構築ノウハウ

2015年11月17日火曜日

jQuery 動的に追加された要素にもCSSを適用させる

jQueryで動的にSTYLEタグを追加 - Qiita

  var style = '';
  style += '<style type="text/css" id="StyleId">';
  style += '.item1 { color:red; }';
  style += '.item2 { color:blue; }';
  style += '.item3 { color:green; }';
  style += '.item4 { color:yellow; }';
  style += '.item5 { color:purple; }';
  style += '</style>';
  $('head').append(style);

2015年11月13日金曜日

2015年11月11日水曜日

オブジェクト指向とは

新人プログラマに知っておいてもらいたい人類がオブジェクト指向を手に入れるまでの軌跡 - Qiita
http://qiita.com/hirokidaichi/items/591ad96ab12938878fe1

JavaScript - Web Notifications をクロスブラウザで使ってみる

JavaScript - Web Notifications をクロスブラウザで使ってみる - Qiita
http://qiita.com/yoshi6jp@github/items/8b24b93b7f7442001d65

font - Noto Sans CJK JP フォントをダウンロードしてサイトに適用する手順 - Qiita

font - Noto Sans CJK JP フォントをダウンロードしてサイトに適用する手順
http://qiita.com/nowri/items/1c69b9b25f2958bd9f97

JavaScript MVC

JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack)

JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) | tsuchikazu blog
http://tsuchikazu.net/javascript-module/

AWS Amazon EC2 + Amazon RDSを使ってWordPressを構築する | tsuchikazu blog

AWS Amazon EC2 + Amazon RDSを使ってWordPressを構築する | tsuchikazu blog
http://tsuchikazu.net/aws_amazon_ec2_rds_wordpress/

2015年11月10日火曜日

WordPressで会員制サイト作成


WordPressでの会員制サイト作成方法解説 | インターネットビジネスロジック-副業起業の成功事例-
http://sonoyama.org/7388.html

WordPressで会員制サイトを作れる無料プラグイン「Simple Membership」 | Webクリエイターボックス
http://www.webcreatorbox.com/tech/simple-membership/

【WordPress】.htaccessを設定し画像の直リンクを不可(禁止)にした | ものくろぼっくす
http://www.monochrome-photo.info/?p=17497

CSS 幅がパーセント指定でpadding、margingがpx固定値の場合

パーセント指定とpx固定値の組み合わせを活かすCSS3プロパティ | マイナビニュース
http://news.mynavi.jp/articles/2010/09/14/box-sizing-border-box-css3/

CSS floatしたdivの高さを揃える

floatしたdivの高さを揃える « (X)HTML+CSS Tips « XHTML+CSS Webサイト制作Tips « ScuderiaWeb
http://scuderia-web.com/tips/xhtml_css/equal_box_heights.php

2015年11月7日土曜日

2015年11月4日水曜日

オープンソースの全文検索エンジン「Elasticsearch 2.0.0 GA」がリリース:CodeZine(コードジン)

フラットデザインなWebサイトで使われている色

フラットデザインなWebサイトで使われている色ってどんな色?配色パターン事例・カラーコード付き|Tips*Blog|株式会社コプロシステム
http://www.coprosystem.co.jp/tipsblog/2013/08/01.html

ディズニー社に学ぶ!HTML/CSSで12個のアニメーション基本原則を完全再現! - CSS Animation

はじめてajaxを使うときに知りたかったこと

はじめてajaxを使うときに知りたかったこと - Qiita
http://qiita.com/nekoneko-wanwan/items/bedc0e826c0842ca0b11

JavaScript - NodeSchoolでJavaScriptを学習

JavaScript - AJAX通信をするときはタイムアウト処理を入れる

JavaScript - AJAX通信をするときはタイムアウト処理を必ず入れてほしい(切実) - Qiita
http://qiita.com/tonkotsuboy_com/items/d1b3cf45ae5135441f9b