HTMLで画像個別にRetina画像に差し替える 以下のように指定することで、画像ごとにスマホ用の別画像を指定することができます。 html <img src=”img/top/img_01.png” alt=”” srcset=”img/top/img_01.p… haradaハック2015.03.12 239
WebStormで文字コードを変更する デフォルトだとUTF-8で表示されてしまうので、日本語ファイルの場合たまに文字化けしてしまいます。 上部メニューの「File」>「File Encoding」からファイルの文字コードを変更することができます。 haradaハック2015.03.11 1,244
WordPressで複数の条件を指定して投稿タグに応じた内容を表示する 投稿タグは便利ですね。 /* 記事に指定されているタグを配列として取得 */ $posttags = get_the_tags(); $my_array = array(); if ($posttags) { forea… haradaハック2015.03.10 926
WebStormでファイルの差分を確認する際にしておくといい設定 WebStormで2つのファイルの差分を確認するで、差分画面を表示させさあ実際に比較しよう!と思ったところ、見辛すぎてげんなりとしてしまいました。 WindowsのころはWinMargeというフリーソフトを利用していて、… haradaハック2015.03.09 241
WebStormで2つのファイルの差分を確認する Macで差分を確認するツールでいいものはないかなーと探していたらそうか、WebStormでできるんだなと知りました。 以下方法です。 2つのファイルの差分を確認する 左ブロックのプロジェクトのファイル一覧から比較したいフ… haradaハック2015.03.05 798
近場のMac間やiPhone、iPad間のファイル共有に便利なAirDrop機能の利用方法 手持ちのiPhoneや隣のMacなど近場でのファイルのやりとりにAirDrop機能がとても便利です。 MacはOS X Yosemiteから利用できるようになってようです。 利用方法 iPhoneからファイルを送信しiM… haradaハック2015.03.04 202
Retina.jsでRetinaディスプレイに対応する Retina.jsを利用することでJavaScriptを読み込み画像を用意するだけで簡単にRetinaディスプレイに対応できます。 利用方法 ダウンロード:http://imulus.github.io/retinajs… haradaハック2015.03.03 601
MacでFirefoxが開かなくなってしまったとき [option]キーを押しながらFirefoxを起動させることで、Firefoxをセーフモードで起動することができます。 セーフモードはすべてのアドオンが無効化された状態になるため、もし怪しいアドオンなどがあればここから… haradaハック2015.03.02 338
Retina+高精細ディスプレイ用のCSS指定まとめ Retinaディスプレイで画像を綺麗に表示させるためには、PCの倍のサイズの画像を用意して、何かしらの策で分岐して表示しなければなりません。 今回はCSSで分岐する場合に利用する指定について調べました。 CSSでの指定 … haradaハック2015.02.27 754