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

memo

2013年を代表するクリエイティブなWebサイト総まとめ 2013年を代表するクリエイティブなWebサイト総まとめ - W3Q

Gitの便利command

• tig • brew install tig • git stash • 修正をcommitせずに一時退避する • git checkout ̶ours/theirs TARGET • コンフリクト時に、強制的にmerge先/元ファイルで上書き する • ターミナルに現在ブランチを表示させるやつ

gitの便利なcommand、ショートカット登録方法

gitの小ネタ - blog.niw.at

compassを使ってcssアニメーションを書く

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イベントを使うと良い

JSのEvent Dispatcher

このcodepen記事が良い参考 http://codepen.io/abidibo/pen/bcKHF

IE7におけるmargin 2倍になっちゃうバグ

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

jsでsuccess時に値をreturnする方法

http://d.hatena.ne.jp/matbluecat/20140129/1390971044 非同期をoffにすることが大事

* jshintでignoreするにはソースコード内に /* jshint ignore:start */ /* jshint ignore:end */ を書くと良い

良いWebfont

游ゴシック体

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…