Web Tips Plus: 11月 2015

2015年11月30日月曜日

ライブストリーミングについて

ライブストリーミングの基礎知識 from kumaryu

ライブストリーミングの基礎知識その2 from kumaryu

動画配信プラットフォーム on AWS from Amazon Web Services Japan

動画配信プラットフォーム on AWS

http://www.slideshare.net/AmazonWebServicesJapan/on-aws

2015年11月29日日曜日

[JS][CSS3] jQuery を使わずに fadeIn / fadeOut のアニメーションを実装する方法

[JS][CSS3] jQuery を使わずに fadeIn / fadeOut のアニメーションを実装する方法｜ memocarilog
http://memocarilog.info/jquery/7228

2015年11月28日土曜日

【JavaScript】addEventListenerの無名関数をremoveEventListenerで消す方法 | Web活

http://webkatu.com/remove-eventlistener/

2015年11月27日金曜日

ハイパーリンクのアドレスを取得するPowerPointマクロ

ハイパーリンクのアドレスを取得するPowerPointマクロ:パワーポイントマクロ・PowerPoint VBAの使い方

http://www.relief.jp/itnote/archives/powerpoint-vba-getting-address-hyperlink.php

ウェブ接客ツール「Flipdesk」

Flipdesk（フリップデスク） - あらゆるサイトのコンバージョン率を改善
https://flipdesk.jp/

2015年11月26日木曜日

ChromeDevTool - Chrome Developer Toolsでパフォーマンス計測・改善 - Qiita

http://qiita.com/y_fujieda/items/a0a69151cf7307039f74

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月22日日曜日

[JS] タップイベントが実装されているのかを調べる方法（2つ） - YoheiM .NET

[JS] タップイベントが実装されているのかを調べる方法（2つ） - YoheiM .NET
http://www.yoheim.net/blog.php?q=20140206

iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ- : アシアルブログ

iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ- : アシアルブログ
http://blog.asial.co.jp/524

「Excel」アドイン「正規表現検索」

「Excel」アドイン「正規表現検索」に正規表現をわかりやすく図示する機能が追加

http://www.forest.impress.co.jp/docs/news/20151120_731658.html?ref=googlenews&google_editors_picks=true

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

http://www.yoheim.net/blog.php?q=20120915

pointer-events: none;

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

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

https://ferret-plus.com/2659

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月19日木曜日

How to toggle a class immediately upon click (not after mouse button is released) - Stack Overflow

$( "span" ).mousedown(function() {

    $( this ).toggleClass( "active" );

});

http://stackoverflow.com/questions/24833675/how-to-toggle-a-class-immediately-upon-click-not-after-mouse-button-is-released

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

https://proto.io/freebies/onoff/

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

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

http://www.bokukoko.info/entry/2015/10/01/%E3%83%AA%E3%82%B9%E3%83%88%E3%81%AE%E3%83%89%E3%83%A9%E3%83%83%E3%82%B0%E3%82%A2%E3%83%B3%E3%83%89%E3%83%89%E3%83%AD%E3%83%83%E3%83%97%E3%81%AE%E6%B1%BA%E5%AE%9A%E7%89%88_-_html5sortable_-

DEMO

http://lukasoppermann.github.io/html5sortable/examples/index.html

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

Spa のための web サーバ構築ノウハウ from Kazuhiro Kotsutsumi

2015年11月17日火曜日

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

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

http://qiita.com/fumokmm/items/78466304508e906a74a6

2015年11月14日土曜日

How stretch slider to full browser width and height? / RoyalSlider jQuery Plugin FAQ / Knowledge Base - RoyalSlider Support

http://help.dimsemenov.com/kb/royalslider-jquery-plugin-faq/how-stretch-slider-to-full-browser-width-and-height

2015年11月13日金曜日

クリッカブルマップ（イメージマップ）<map> <area>

ほんっとにはじめてのHTML5：[61] イメージマップ（リンク領域）を作ろう <map> <area>
http://honttoni.blog74.fc2.com/blog-entry-173.html

マップ - HTMLタグリファレンス/Tips
http://html.eweb-design.com/0603_map.html