[ページ表示速度改善].htaccessでブラウザキャッシュを設定する
「pageSpeed Insights」というウェブページのコンテンツ解析をしてページの読み込み時間を短くするための方法を提案してくれるGoogle Developersのツールがあるのですが、その結果で修正が必要と警告...
動画配信サービス選ぶならU-NEXTがおすすめだと思う
私はストレス発散に海外ドラマや映画を観たりします。 そのためには絶対欠かせないのが動画配信サービス『U-NEXT』。今や、私は『U-NEXT』無くしては生きられないのではないかというくらい依存しています。 というわけで、...
CSSで左右は固定、中央は可変の3カラムレイアウト
簡単そうで、意外と悩んだのでメモしておく。 こちらの記事を参考にさせていただきました。 引用元：【CSS】3カラムレイアウト-左右は固定幅、中央は残りの幅目一杯に広がるレイアウト 悩んでしまったのは、3カラム、左右は固定...
[Sublime Text 3]拡張子HTMLのファイルでもPHPシンタックスで開く
クライアント環境により、PHPファイルでも拡張子をHTMLをしなければならないことが。 拡張子がHTMLだからSublime Textで開く度にHTMLのシンタックスに紐付き、いちいちシンタックスをPHPに切り替える。 ...
placeholder属性の文字色を変更する
input要素のplaceholderにスタイルを適用します。 Firefoxはバージョンにより2通りの書き方があって、微妙に違うので注意が必要です。 IE6〜IE9ではplaceholder属性が使えないのでjQuer...
[fuelPHP]ファイルアップロードのエラーメッセージを日本語にする
ファイルアップロード（Uploadクラス）のバリデーションを日本語にする方法です。 まず、/fuel/core/lang/en/upload.php をコピーして、 /fuel/app/lang/ja/upload.ph...
Sublime Text 3 日本語で検索すると文字が消える不具合を解決する
Mac OS XのSublime Text 3で日本語を検索したいとき、入力してEnterキーを押すと入力した文字が消えてうまく検索できない。という不具合にずっと困っていました。（Windowsは問題ないらしい） 調べて...
[Mac]「このアプリケーションで開く」で重複したアプリケーションを削除
ファイルを右クリックして、「このアプリケーションで開く」で、同じアプリが重複表示されていたり、すでに削除したアプリが表示されている場合は、以下で解決できるかも。（私は出来た） ターミナルで以下を実行します。 これで、重複...
cssだけでブロック要素を上下左右中央揃えにする
左右中央揃えの方法はご存知の方も多く、 インライン要素の場合はtext-align:center;、 ブロック要素の場合はmargin:0 auto;です。 では、上下中央揃えはどうでしょうか？ vertical-ali...
Sublime Text 3でEUC-JPやShift-JISのファイルを開く
Sublime Text 3でEUC-JPやShift-JISのファイルを開くと文字化してしまいます。 UTF-8以外のファイルを扱う機会はほとんどないけど、いざというとき不便なので対応させておきたいところです。 対応さ...
レスポンシブでPCのときだけ改行しスマホの時は改行しない方法
PCで任意の箇所にいれた改行をスマホでは改行せずに表示したい！っていう、レスポンシブ対応するうえでのあるある。 このあるある問題を解決するとっても簡単な方法をご紹介します。 このような記述の場合 PCではbrタグで改行さ...
PHPファイルでもURLは拡張子.htmlで見れるようにする方法
既存のHTMLのページにおいてヘッダーやフッターなどの共通部分を外部ファイルすることになりました。そのためにファイルをPHP化する必要がありますが、そうすると拡張子が変わるのでURLも変わってしまいます。 いやいや、相当...
レスポンシブでタブレットとPCを同じにするためスマホとタブレットでviewportを切替える
非レスポンシブのサイトをiPadで見ようとするとiPadが適切なサイズで表示してくれます。例えば、横幅が1200pxあるサイトでもiPadを縦にしたときの横幅768pxに合わせて縮小してくれるのです。 ところが、タブレッ...
[FuelPHP1.7.3]インストールの途中でTokenを聞かれて進めなくなったら
以前に紹介したFuelPHPのインストールの方法はこちら。 Mac OS XにFuelPHPをインストールする 久しぶりにfuelPHPで新たなWebアプリを開発しようとインストールしたら、途中でtokenを聞かれてすす...
MacにSASSをインストールする
前々から気になっていたSass（サス）を始めようということで、まずはインストールです。 Sass（サス）とは Sassは、CSSを記述するためのメタ語の一つで、CSSをもっと便利に効率良くしてくれる言語です。 CSSをも...
[jQuery]レスポンシブ対応サイトでスマホのときだけ電話番号にリンクを貼る
電話番号の表記において、スマホサイトではtelリンクを貼ればタップで発信することができるので便利です。 でも、HTMLソースで電話番号にtelリンクを記述してしまうと、PCサイトの場合は「プロコトルが不明」「開けません」...
スマホサイトにおすすめの横からスルッと出現する「ドロワーメニュー」
ドロワーメニューの実現方法はいろいろありますが、これは、少しのcssとJavaScriptで実装できるのでおすすめです。よく使うと思うので備忘録を兼ねてメモ。 ※cssはわかりやすいように、ドロワーメニューの実装に必要な...
[WordPress]エディタで自動挿入されるBRタグとPタグを無効にする
WordPressにはエディタ内の改行でBRタグやPタグを挿入してくれる自動整形の機能があります。 文章をつらつら〜っと書くときには便利なんですけど、がっつりHTMLを記述してコーディングしたいときは邪魔です。 というわ...
郵便番号から住所を自動入力する(Contact Form 7でも使える)
以前も郵便番号から住所を自動入力する方法をメモしたことがあるのですが、ライブラリが公開されていたGoogle Codeのサービス廃止により、さらに便利なライブラリが公開されたので、そちらをメモ。 Contact Form...
[fuelPHP]faviconを設置する(Assetは使えなかった)
fuelPHPの環境でfaviconを設置したいと思います。 つまり、HTML5で以下のように記述すればよいわけです。（HTML5ではiconの指定だけでOK。シンプルです。） ICO形式のファイルとはいえ、imageな...