たまにはギョーム関連でおぼえたことを書いておかないと。大きさの決まったボックス内に画像を置いた時、ボックスのサイズにあわせて上下中央に配置するスタイルシートです。画像は横長でも縦長でも長辺がボックスのサイズにあわせた大きさになります。
See the Pen Centering Image by semicolon (@semicolon) on CodePen.
そこそこ利用する場面が多いため Codepen に保存しておきました。Gist にも置いてあるけど、その場でデモが見れる Codepen の方がこういう場合はよいですね。
このブログに書いたコードを GitHub Gist にもコピペ。もっとあるかと思ったらそうでもない。精進します。
ウェブページにJSONPフィード内容を表示するための JavaScript サンプル
極細フォント CSS
WordPress functions.php に AddThis 設定を追加
仕事でスマートフォンサイトを構築することが多いのだけど、構築するたびに調べ物をしながら作業するのでさっぱり効率があがらない。まわりにも質問しまくりの助で迷惑かけてそうなので、しばらくスマートフォンサイトだけをひたすら半年ぐらい作り続けてみたい。その間に PC サイトの作り方を忘れてしまいそうだけど。
iOS 7 以降に採用されている極細フォントをこのブログでも再現すべく、Qiitaの下記エントリを参考に WordPress テーマの CSS をカスタマイズしてみました。
手元の iOS 8 と Yosemite でいい案配に表示されるようになりました。ありがとうございます。
|
1 2 3 4 |
* { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", ".HiraKakuInterface-W2", sans-serif; font-weight: 100; } |
ちなみに WordPress のテーマを利用しているので、外観 -> カスタマイズ -> CSS に上記コードを追加しました。
追記：既存のテーマを利用する場合は「子テーマ」を作成して書き換えたほうがいいようです。
色味の薄い箇所ではあまりに細すぎて見えない可能性もあり、見つけ次第修正しようと思います。
金曜日が結婚記念日だったので仕事をお休みして 4 連休でした。7月15日分ぐらいからどどどとまとめて。
人類から膨大な生産性を奪っているってホントそう思う。USB A端子デザインしたの誰。
今日は多め。