2014-01-01から1年間の記事一覧

アプリリンクの貼り方 * iPhoneは、pc,sp共通 例: a(href="https://itunes.apple.com/jp/app/google-jian-suo/id284815942?mt=8&uo=4" target="itunes_store") * androidはidは同一だが、pcとspで切り分け 例: PC: https://play.google.com/store/apps/detai…

* youtubeのcallbackはglobalに置こう I have the answer, separate out this portion of the script and put it in the head in its own script tag. OMG, finally <scripttype="text/javascript"language="javascript">function onYouTubePlayerReady(playerid){ ytp = document.getElementById('ytplayer'); y</scripttype="text/javascript"language="javascript">…

* media queryにはpxを明記しないと動作しない

* npm errorはキャッシュを疑えhttp://codedehitokoto.blogspot.jp/2012/03/towerjsnpm-err.html * もしくはnodeのversion

文章を縦の中央に配置するには、divの中にpを置いて、 div{ p{ width: 280px; margin: 30px auto; text-align: center; }} みたいにするのが良いね。2行になるとその行分、高さが増えるのが難点。

* jsではpostを受け取ることはできない* urlをgetするときはhttp://を抜かしてURIComponentしよう* windowをjsで閉じるには $('.closePage').on('click', function(){ open(location, '_self').close(); });

jadeでfacebookコード等をコピペする方法

div#facebook. <div id="fb-root"></div> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode.insertBefore(js…

facebook callback http://stackoverflow.com/questions/4980061/twitter-and-facebook-share-with-callbacks http://liginc.co.jp/web/service/facebook/35972 http://facebook-docs.oklahome.net/archives/52070227.html twitter callback http://d.hatena…

spriteでバックグランドを変えるときはclass名を付与したり消したりすれば良い > と思ったけど画像が一瞬消えるのでNG facebook OGPはhtml safeOK twitter Cardは多分NG

* compassでtransformを複数書く方法 @include transform(translateY(-100%) scale(0.5)); http://stackoverflow.com/questions/17152920/multiple-transforms-using-compass

androidはposition: fixedのleft: 0を明示的に記述しないとダメ SPモーダルスクロール / http://webdev.jp.net/overflow-scrolling/ clickイベントのtargetプロパティを見れば、押した場所の一番上のレイヤーを取得できる。 (押した場所が親要素なのか子要素…

* setTimeoutはその前にreturnがあろうとも実行されるので注意

iphoneでスクロールを禁止する際のテクニック http://case-mobile-design.com/scrollpreventdefault/ フルスクリーン/ minimal-ui htmlに値を保持しておく、という考え方は適切か クリック等でinfiniteScrollを発火させる方法 $(window).unbind('.infscr'); …

compassのspriteで連番画像を順番通りに出力するには $layout: horizontal というオプションを追加する必要がある

* クリップボードはswf使わないとできない -> zclip.js * iphoneの場合はこっち http://tech.genestream.co.jp/2013/09/11/clipbord_copy_of_web_application/ * transform scaleやるとなんか汚い 微妙なずれが出やすい * namespaceについて > あらかじめini…

gitで過去のコミットに戻る方法

このような場合はある時点のコミットの状態を持つブランチを作成します。まず「git log」でどの状態に戻したいかを確認します。 git log すると以下のような感じでコミットを識別する文字列が参照することができます。 commit 5b8c4fb943f8f19ea3ce0aed329c4…

javascript のコールバックの書き方

AAA = function(callback){ $('.shot') .css({ 'transform': 'rotate(45deg) scale(4)', 'display': 'block' }) .animate({ 'transform': 'rotate(45deg) translateY(-300px) scale(1)' }, function(){ callback(); }); };

json, オブジェクトでも数字や*は、配列的に書かなければ取得することができない 例)☓ object.123◯ object[123]◯ object['*'] * jsにおけるprototypeの使い方の例 $('.btn').on('click', function(){ $('.horizonVal').stop(); }); $('.horizonVal').protot…

日本語ドメイン知見

* twitterのURLに日本語ドメインを指定すると、カウント数が正しくとれないため、urlにはエンコード後のやつを入れてテキスト内に日本語URLをはりつけるなどが良い(一部のアプリやブラウザでも日本語文字列をURLと認識しないものもあるため、両方書いておく…

* jQueryのメソッド内関数呼び出し(例: $('.btns .first').on('click', click_handler);) では、関数内でthisを取り扱うことができる* jqueryでbackground-positionを動かすには、jquery background positionというプラグインを導入すべし* WEBデザイン: 1…

photoshopでショートカットが使えないときは英字キーボードにしてからアプリケーションを再起動すると改善される masonryのremoveとjQueryのremoveをどちらも使う必要はない。masonryのremoveだけで要素を消すことは可能 空白のない1連の文字列は1単語とし…

スマホ対応でtop: fixedにした場合、containerはpaddingで下に下げると良い

* 親DOMがrelative、子DOMがabsoluteでなく、 absolute > absolute になっていても、子のabsolute関係は構築できる * 文字が変化する遷移は短いスパンでやったほうが綺麗 * モーションツイーンとクラシックツイーンは同じフレーム上に共存させられない * フ…

* モーションツイーン上で3Dの中心点を移動することはできない

queue: falseでなくても複数パターンのアニメーションを同一DOMに適用する方法 > 親DOMを作る、アニメーション用temporary container的な

* jQueryのanimateのSTEP : アニメーション実行中のフレーム毎に呼び出される関数を指定します。 現在の値から着地点になる値が増えている場合は0から1、減っていく場合は1から0の値が第一引数に渡されてきます。例えば引数に0.5が来れば、全体のちょうど半…

github超入門 githubにあげるときの手順 github上でnew repositoryを行い新規レポジトリを作成 ローカルで同名のディレクトリを作成 git initでgitを生成 トラッキング中のファイルがaddする前で、それを元に戻したい場合は、 git checkout . http://blog.sc…

シンボルにアニメーションをつけて、大量生成すればパーティクルのような演出ができる シンボルの再利用 > 一度使ったシンボルをコピペするなり編集するなりで使えるケースは多い

* モーションツイーンとクラシックツイーンは共存させられない * クラシックツイーンを子要素のアニメーションに割り当てる必要がある * モーションツイーンのパス修正は選択ツールで * もし条件式の中で代入を使う必要があるのなら、代入の周りに追 加の括…

* chrome extensionで画像を使うには、manifestファイルのweb_accessible_resourcesにpathを記述しなければならない * HTMLのaudioはjsでIDをとってこないとplay() が動かない