IE11とiPhon対応 フッタを画面下に表示
コンテンツの量が少ない場合や、解像度の高いディスプレイでみた場合、いわゆるスクロールバーが出ない状態では、フッタが上にせり上がった状態になり、下へ隙間ができます。 この解決方法でよく見かけるCSS対策がこの2つ。 bod …
記事一覧
クレジットカード情報のオートコンプリート
クレジットカード情報の入力欄にフォーカスしたときAppleやGoogleのアカウントに保存しているクレジットカード情報があれば、カード番号や有効期限を自動入力するかきいてくれる、あれ、10桁以上ある番号を暗記するのは難し …
@supportsでクリーンなIEハック
特定の機能が有効な環境にだけ適用させる@supportsでobject-fitなどInternetExplorerだけ非対応の機能を指定すると、クリーンなCSSハックができます。 サンプルソース 参考：@supports …
Nuxtのlocalhostをhttps://ローカルIP:portにする
Nuxt.jsの起動コマンドnpm run devを実行するとhttp://localhost:3000 で開発サーバが立ち上がります。 localhostをローカルIPに変更 ネットワークグループ内でWi-fi接続して …
gulp.js内でコマンドを実行したいときはchild_process
gulp.jsの処理内でコマンドを実行したいときは、child_processを読み込みます。child_processはNode.jsに含まれているので、installしなくてもそのまま読み込めば使えます。 参考:ht …
HTMLタグの範囲を特定する正規表現
styleやscriptのような入れ子にならない前提のタグなら、このような正規表現で範囲特定して抜き出したり置き換えたりできます。 たとえば、HTMLソース内に散在しているstyleタグを1箇所にまとめるならこんなふうに …
Node.jsの環境構築で失敗したとき試したこと
Node.jsの開発環境を設定しているとたまに、他のパソコンでは正常に実行できたコマンドでこけて環境を構築できないことがあります。そんなときに試したことを、備忘としてまとめました。 Node.jsをnodebrew管理に …
GoogleChromeの開発ツールで圧縮後のJavaScriptをデバッグ
Google Chromeの開発者ツールが、いつの間にか圧縮してあるスクリプトを可読化してデバッグできるようになっていました。 圧縮後のソースで動いている本番環境では不具合が起きているけど、開発環境の圧縮前ソースで再現さ …
CSSのbackgtound-sizeを含めたショートハンド
背景画像のサイズを指定するスタイルプロパティbackground-sizeは、ショートハンドで1行にまとめられないものなんだと思い込んでいてながい間、このように分割して指定していました。 が、/をはさめばショートハンドで …
Gitのリポジトリ単位でコミットアカウントを使い分ける設定
Gitのコミットに記録される、名称とメールアドレスを仕事用リアルネームと、個人用のハンドルネームなど、状況に応じて出し分けたい場合があります。 特定のプロジェクト（リポジトリ）ではこのアカウント名で、というときはpull …