Facebook OGP対応してアクセスを増やす 2011年06月29日 web関連 OGP対応する http://gadget-or-gimmick.com/archives/2011-06-16/114209.html
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示 2014年11月15日 web関連 • HTML5・CSS3 レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。 cssのdisplay:table-cellで解決 html [php]<ul id="nav"> <li><a href="#"><… この記事の続きを読む
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対応させる[追記あり] 2014年08月04日 web関連 • WordPress • php • SEO対策 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登録 まず… この記事の続きを読む
この投稿へのコメント
コメントはまだありません。