chromeで要素がフォーカスされたの時の表示などの確認を行う
a:focus などのCSSのスタイルや表示を確認したいとき、任意の要素に強制的にfocusを与えることがchromeで出来ます。 デベロッパーツールでelementsのタブを開きfocusにしたい要素を選択します。 選…
scrollTopを利用するときの注意点
Javascriptを利用して要素のスクロール位置を指定する際、要素のscrollTopに数値を指定するというやり方をよく使うかと思います。 このやり方の場合、scrollTopを指定したい要素が表示されている必要があり…
vimでeucjpとかsjisを手軽に開く
最近のOSは大体UTF-8がデフォルトになっていて、vimとかもデフォルトでutf-8なんですが、 古いファイル類はeuc-jpやsjisが多いです。 これらを開いたあとに毎回エンコーディング変えるが手間なので以下のよう…
gistubで静的ファイルが404になる場合
railsのアプリケーションをインストールしてWebアクセスしたとき、 cssやjsといった静的ファイルが404になっていることがあります。 これは静的ファイルを事前にコンパイルすることで回避することができます。 gis…
JavaScript での Windows Ctrl キーと Mac Command キーの判定
e.ctrlKey は Windows ctrlキー、Mac controlキー、e.metaKey は Mac commandキーに割り当てられています。 Windows Ctrl キーあるいは Mac Command…
pushでエラーが出る場合
pushするときにエラーが出る場合は ウィンドウ->設定->一般->セキュリティ->セキュアストレージの内容タグで secure_storageのファイルの位置を確認して、ファイルを削除。 再起動してプッシュできるように…
CSS3：CSSだけでテキストグラデーションを作る
See the Pen CSS Only text gradation by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. CSSのみでテキストグラデーションを行う例です。 CS…