graffiti on the web 
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。
cssのdisplay:table-cellで解決
html
[php]<ul id="nav">
<li><a href="#"><…
OGP対応する
http://gadget-or-gimmick.com/archives/2011-06-16/114209.html
ピックアップ記事
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
2014年11月15日
web関連 • HTML5・CSS3
HTML上に配置した画像に隙間が出来るときの対処法
2012年02月10日
web関連
配置した画像に余計な隙間（スペース）が出来る
HTML上に画像を配置したときに、予期せぬスペースが出来るときってありませんか？（画像参照）単純に配置しただけなのに・・・と思うのですが、そんな時はCSSを以下のように設定することで解決できます。
解決策
CSSファイルに以下の設定を記述する。
[php]img {
vertical-align: top;
}[/php]
…
IE9でcss3のtransformが効かない時の解決策
2014年10月30日
web関連 • HTML5・CSS3
CSS3が使えるようになって、メニューボタンの背景に矢印を表示させることなどが出来るようになりましたが、IEでは効かないものもあります。
背景に矢印を入れる時は、transform: rotate(45deg);のようにborderを回転させるのですが、このtransformがIE9では使えません。
…
wordpressのパンくずリストをmicrodata対応させる[追記あり]
WordPressのパンくずリストをリッチスニペット(microdata)に対応させてみました。
リッチスニペットについては下記を参考にしてください。
リッチ スニペット - パンくずリスト(Google)
対応後のコードはGistにあります。という割に、Gistの使い方がよくわかっていません・・。
少しずつ勉強していきます。(^_^;)
microdata対応のWordpr…
Twitter for Mac’s developer consoleの設定
2014年07月18日
web関連 • twitter API
ちょうど設定してみたので、メモ。
まだ触ってないので詳しく分かりませんが、Twitter for Mac's developer consoleというのは、Twitter APIのテストが可能なのようです。
WEB版のコンソールもありますが、Twitter for Mac's developer consoleの方がサクサク動くらしいです。
DEVサイトにログイン、APP登録
まず…
この投稿へのコメント
コメントはまだありません。