IE11 用ハックの WordPress.com での確認

私自身はめったに使わないのですが、ある特定の Web ブラウザにだけ CSS を適用させる方法があります。通称、「CSS ハック」などと呼ばれているものです。ここでは、IE (インタネットエクスプローラ) のバージョン11にだけ CSS を適用させる方法についての覚書です。

続きを読む

#2015

CSS 編集における Safari の「要素の詳細を表示」機能と Firefox の Firebug の使い分けについて

私自身が現在行っている CSS の編集方法についての覚書です。

私自身は特別な CSS 編集ツールを使っているわけではありません。Web ブラウザやそのアドオンの機能だけで CSS の編集作業を行っています。

以前は、Safari だけで CSS の編集作業を行っていましたが、現在では FirefoxFirebug というアドオンと併用して使っています。

Firebug は F12 キーで立ち上がったり、閉じたりします。

使い分けは以下のとおりです。

hover 時の CSS の確認等は Firefox の Firebug で行う

Safari でもやれないことはないのですが、やりにくい面があるので、私自身は hover 時の CSS の確認は Firefox の Firebug で行っています。

続きを読む

#2013

パーセントで指定された大きさを持つボックスを記事の中央に配置する方法についての考察

コリス さんのブログで、個人的に興味深い記事が紹介されていたので、ちょっと考察してみました。

adfasdfads-1
[CSS]パーセントで指定された正確なサイズが不明な要素を天地左右の中央に配置するスタイルシートのテクニック | コリス

続きを読む

#2013

ie8 で画像の高さがおかしくなったときの一般的らしい解決方法

私の理解が正しければ、WordPress.com では、積極的にインターネット・エクスプローラのバージョン 8 への対応はとっていません。しかしながら、私が知る限り、日本国内では、まだ約 13% のシェアがあるようです(記事「WordPress.com で表示されるギャラリーが ie8 でもちゃんと表示されるようになっています」参照)ので、それなりに対応したほうがいい(丸くなるところが直角になる程度であればスルーするという考え方もあると思います。)場合もあります。

例えば、記事「instagram で撮った写真を WordPress.com に貼る」で紹介した instagram ウィジェットで表示される画像の場合、テーマ「Twenty Eleven 」の ie8 では、以下のように表示されます。

IETester

続きを読む

#2013

「display:table-cell」を使って欄の高さを揃えているボックス内の要素の一部を下に移動する

image

続きを読む

#2013

WordPress.com で表示されるギャラリーが ie8 でもちゃんと表示されるようになっています

以前、記事「WordPress.com のギャラリー機能の ie8 対応について」において、WordPress.com のギャラリー機能は ie8(インターネットエクスプローラのバージョン8。Windows XP で ie を使うとなるとたぶん、これ。) に対応していないらしいことを申し述べましたが、記事「【正式版】JetpackのタイルギャラリーをIE8で表示させる : wordpress関連【ブログ】 | 相模原市南区のリフォーム専門店 小嶋ライフ」によると、レンタルサーバ等にインストールして使うタイプの WordPress のプラグイン「JetPack by WordPress 」でのギャラリー表示を CSS の追加で ie8 でもちゃんと表示することができたことが報告されていたので、もしかしたら、たぶん、WordPress.com の方はすでに対応しているかも、ということで再確認してみたところ、案の定、すでに ie8 に対応しておりました。

20130208gallery01
2013年2月8日時点での ie8 での WordPress.com のギャラリー表示

rect3015

afgafgsdfgf
2013年4月4日時点での ie8 での WordPress.com のギャラリー表示

続きを読む

#2013

カテゴリー中に説明的な画像を挿入する方法についての考察

dgafadfad

続きを読む

#2013