はてなブックマーク

Google Mapsのマーカー、Retinaディスプレイでそのままだと画像がボケちゃうのでその対策。 とは言えやることは、大きいサイズの画像を読み込む→縮小して表示させるといういつもの手順。でもまぁもう一度英文読むのとかイヤなので、マップ周りのコードごとまとめてストックしとこうそうしよう。 var myLatlng = new google.maps.LatLng(34.687571, 135.526239); function initialize() { var mapOptions = { zoom : 17, center : myLatlng }; var map = new google.maps.Map(document.getElementById('map'), mapOptions); var image = { url : 'icon.png', scaledSiz

雑感 iPhone 6 plus の登場で、iOS の画面解像度界隈もいよいよカオスな様相を呈してきましたね。ここではスルーしていますが、6 plus は画像の比率が @3× だとか。制作者は泣いていますよ？ その点、iPad シリーズは全て 768×1024 (3:4)。古き良き時代を思い出し、思わず喜びと美しさを感じてしまう数値ですね。この美しい世界が失われないことを願ってやみません。 Android 端末？なにそれおいしいの？ 追記（2014-10-08） アスペクト比でメディアクエリーを指定する場合のために、数値を横×縦にした上で iPhone 5 系と iPhone 6 のアスペクト比を正確な数値にしました。 ついでに欲が出てデバイスピクセル比も追加。そうしたら iPad 枠も必要になってしまったので追加。 max-height とかも一応欲しいかな？などと思ったものの、どんどん

何かと便利なWebフォント。でもライセンス周りが心配なので、メジャーそうな以下のライセンスの書き方を整理してみました。 無料で使えるからこそ敬意を払って、ライセンスはちゃんとしたいですよね。 SIL Open Font License (OFL) IPAフォントライセンスv1.0 Apache License 2.0 SIL Open Font License (OFL) /*! * "FontName" licensed under the SIL Open Font License * http://www.hogehoge.com/（配布元のURL） */ @font-face { font-family: 'FontName'; src: url('FontName.eot?') format('oldIE'), url('FontName.woff') format('woff'

これで同じファイル名で連番保存できます。 保存先を指定したい場合は、そのディレクトリに移動しましょう。 なお、ファイル名を指定したい場合は以下。

.hoge { display: inline-block; /* For IE 6/7 */ *display: inline; *zoom: 1; } スターハックが若干気に入りませんが、割り切りも大切ですよね。何となく使用避けてましたが、使うことにしたので記念に。 とりあえずIEは爆発しろ。

ul { letter-spacing: -0.4em; } li { letter-spacing: normal; display: inline-block; /* For IE 6/7 */ *display: inline; *zoom: 1; } 上記のように、inline-block指定する要素と、その親要素にletter-spacingをかけてやればOK。 でも効かないブラウザもあるから、どうしてもズレるのが嫌な場合は諦めてfloatで。 追記 - HTMLにちょっと手を加える場合 コメントでフォロー頂いた別の手法×2を追記。どれを使うかはお好みで。 1.改行削除 or コメントアウトする htmlから改行を抜くか、コメントアウトすると隙間は無くなります。 （by kaminaly）

2018-10-09 追記 参考・引用のサイトURLが変わっていたので修正。片方は見つからず。 フィッシングサイトに飛んでたので踏まれた方、ご迷惑おかけしました。 @yayamamo さん、ご指摘ありがとうございました。助かりました。 この辺、便利だけどたまにしか使わんから忘れますよねー ということで、使いそうなもののみ抜粋。