2013年を代表するクリエイティブなWebサイト総まとめ 2013年を代表するクリエイティブなWebサイト総まとめ - W3Q
• tig • brew install tig • git stash • 修正をcommitせずに一時退避する • git checkout ̶ours/theirs TARGET • コンフリクト時に、強制的にmerge先/元ファイルで上書き する • ターミナルに現在ブランチを表示させるやつ
gitの小ネタ - blog.niw.at
keyframes(CSS3)とSassでイケてるアニメーションをシンプルなコードで実装する方法 | 株式会社LIG
2014年6月画面解像度シェア(何px以上が何%か) - しらいとブログ 2014年6月画面解像度シェア(何px以上が何%か) - しらいとブログ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ - to-R
* zoomイベントを使うhttps://gist.github.com/kevingessner/5598913
* IEでYoutube最前線に出てきてしまう問題を解消する方法//www.youtube.com/embed/3cN0tUorpZ0?rel=0&wmode=opaqueURLパラメータにwmode=opaqueを追加
jsのprototypeの意味 http://qiita.com/takeharu/items/809114f943208aaf55b3
* overflow: hiddenでscrollイベントが検出できないときはmousewheelイベントを使うと良い
このcodepen記事が良い参考 http://codepen.io/abidibo/pen/bcKHF
http://www.mdn.co.jp/di/articles/2292/?page=2 zoom: 1を指定することで解決
明朝体font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; http://www.dtp-transit.jp/misc/web/post_1881.html
http://d.hatena.ne.jp/matbluecat/20140129/1390971044 非同期をoffにすることが大事
* jshintでignoreするにはソースコード内に /* jshint ignore:start */ /* jshint ignore:end */ を書くと良い
游ゴシック体
class名に数字開始文字は使えない chromeやfirefoxでbuttonクリック後のborderを消す方法 :focus {outline:none;} ::-moz-focus-inner {border:0;} currentTargetとtargetの違い http://uhyohyo.net/javascript/3_5.html 実は、currentTargetは、そのイベン…
* jquery height() の代替 > clientHeight* findは親要素からquerySelectorやればとれる
firefoxではinnerTextが使えないため textContentを使う必要がある if( typeof element.textContent != 'undefined' ){// textContent } else{// innerText }
true判定 * firefoxでは、 value === true だとfalse判定を返す場合があるため、 == で判定する方法が無難
スマホ用コンテンツをuaごとに振り分けるためには、 デフォルトで要素をdisplay: none; にしておいて、 あとからblockに書き換えるのが良い。 最初display: blockにしておいて あとから display: none; にすると 一瞬コンテンツが見えてしまう場合がある。
jqueryを使わずnative jsで書く方法一覧 http://blog.romanliutikov.com/post/63383858003/how-to-forget-about-jquery-and-start-using-native
getElementsByClassNameを foreachで回すには http://stackoverflow.com/questions/3871547/js-iterating-over-result-of-getelementsbyclassname-using-array-foreach
querySelectorの使い方 http://webintersect.com/articles/72/add-event-listener-to-dynamic-elements
* chromeのリモートデバッグhttp://iti.hatenablog.jp/entry/2013/11/05/182133 * vimで複数ファイルを一気に置換http://zx.jpn.org/b/20081025/155/vim/vim-mluti-file-replace
* SSHでのファイル転送 https://www.google.co.jp/search?q=ssh+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&oq=ssh+%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89&aqs=chrome..69i57j0l5.3396j0j4&sourceid=chrome&es_sm=91&ie=UTF…
var testArray = [3, 8, 13, true, 'あいうえお', 8, 10]; window.alert(testArray.indexOf(8)); // 1がアラートされる window.alert(testArray.indexOf('あいうえお')); // 4がアラートされる
配色 http://www.webcreatorbox.com/inspiration/colour-scheme-ideas-100/
* vimで直前の動作を繰り返すには、.
* user Agent よく使うのでメモ var _agent = navigator.userAgent.toLowerCase(); ns.isAndroid = false; if( !( _agent.match('iphone') || _agent.match('ipod') || _agent.match('android') ) ){ $('body').addClass('pc'); } else if( _agent.match('an…