graffiti on the web 
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。
cssのdisplay:table-cellで解決
html
[php]<ul id="nav">
<li><a href="#"><…
反転させたいアイコンに以下のクラスを追加する。
水平反転
fa-flip-horizontal
垂直反転
fa-flip-vertical
ピックアップ記事
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
2014年11月15日
web関連 • HTML5・CSS3
HTML上に配置した画像に隙間が出来るときの対処法
2012年02月10日
web関連
配置した画像に余計な隙間（スペース）が出来る
HTML上に画像を配置したときに、予期せぬスペースが出来るときってありませんか？（画像参照）単純に配置しただけなのに・・・と思うのですが、そんな時はCSSを以下のように設定することで解決できます。
解決策
CSSファイルに以下の設定を記述する。
[php]img {
vertical-align: top;
}[/php]
…
twitter API からプロフィール画像を取得・表示
2011年07月28日
web関連 • twitter API
twitter API からプロフィール画像を取得・表示する方法です。
リクエストURL
[php]http://api.twitter.com/1/users/profile_image?screen_name=apr_20&size=bigger[/php]
画像として表示
[php]<img src="http://api.twitter.com/1/users/…
Twitter API を使わずにプロフィール画像を取得する
2011年07月29日
web関連 • twitter API
Twitter APIを使っていると、プロフィール画像の取得だけで、さくさく利用限度が減って行きます。
公式のAPIを使わず、もっと簡単に画像を取得出来る方法があるようなので、ご紹介。
…
WordPressのサムネイルのサイズ指定を削除
WordPressのテーマ内で、the_post_thumbnailで記事のアイキャッチを表示させる際に、width,heightがimgタグ内で設定されていますが、それを消す方法です。
レスポンシブウェブデザインをする際には、ハードコーディングは外したほうがいいかもしれませんね。
functions.php内に以下を記述
[php]//サムネイルのサイズ指定削除
add_fi…
この投稿へのコメント
コメントはまだありません。