IE9でtext-shadowを使う方法を模索中

ですが、

なんと、asamuzaK.jp の管理者さま自らコメントをいただきました。

で、頂いたコメントにしたがって、やってみたところ・・・

ロゴ部分が IE9 でも text-shadow できた！の図（画像クリックで拡大）

見事に、ロゴ部分が text-shadow 状態になりました！

textshadow.js の配列部分 抜粋

var ieShadowSettings = function() {
	return isMSIE ? [
		{ sel : '#header-logo #logo-text', shadow : '2px 2px 3px #bfbfbf' },
		{ sel : '#main-contents h3', shadow : '2px 2px 3px #bfbfbf' },
		{ sel : '#sidebar h3', shadow : '2px 2px 3px #bfbfbf' }
	] : null;
};

でも、なぜかメインコンテンツとサイドバーの H3 部分は text-shadow 状態にならず・・・

で、またもや、別パターンとかも、ちょこちょこ試してみたけど、うまくいかずｗ

うーん、謎い・・・

—— 追記 ——

再び、作者様からコメントをいただきました。

「使っているスクリプトが少し古いバージョンのようです」

・・・・・・ごめんなさい orz

というわけで、

最新のスクリプトでチャレンジ！

うまくいきました

ばっちりロゴもサイドバーも全て text-shadow 状態になっています。

作者様ありがとうございます！

これが、実は健康の源になります。お医者さんも良くお勧めしてくれます。

私の場合は、お茶ですけど。

寝る前に飲む水は、『医者いらず』の体作りに最適です。

お医者さんが勧めてくれるのに『医者いらず』になってしまいます（笑

起きている間は良いですが、寝ている間は水分補給ができません。

朝、起きた時に水分を欲する理由はまさにそれです。

早朝の時間帯は、脳梗塞、心筋梗塞などが発生しやすいと言われます。

これは、水分が足りていない状態は血液の流れも悪くなるので、朝、急に起きた際に、脳や心臓に負荷がかかるからだそうです。

しかし、寝る前に水を一杯飲んでおけば、これを回避できます。

また、体の水分が足りないと尿が少なくなるので、結石もできやすくなります。

結石に関しては、朝起きた時におしっこをしたら、泡立ちの良いおしっこだった場合は要注意です。

これは水分が足りていないがために泡が出来ている状態です。

また、ビールを飲む人などは水分不足で痛風にもなりやすいです。

私もビール大好きです。

だから、寝る前は必ず水分補給します。

ビールを飲むと、特に水分不足になりますので、寝る前は水を一杯飲んでおいた方が良いですね。

いきなり何だ？と思われるかもしれませんが、

私は健康のためには、運動以上にストレッチをお勧めします。

（というか、私はほとんど運動とかしません。虚弱なので）

普段から毎日１０分程度でもストレッチすると、ぐっすり眠れて健康にもいいですよ。

ちなみに、ストレッチは、体が温まっている状態でするのが最も効果的です。

だから、運動後とかにストレッチをすると効果も大きいのですが、

実は、お風呂上りでも効果的には同じです。

お風呂 → ストレッチ → 睡眠

という流れは非常に良いですね。

ちなみに、私はお風呂で 体を洗う動作にストレッチを組み込んでます（笑
（足を洗う際に屈伸運動で洗うとか・・・）

これが、効果絶大で、おかげで、３０代でも前屈でちゃんと地面に手が付きます。

あとは、睡眠ですけど、

せっかくストレッチしても睡眠時に体勢が悪いと、せっかくストレッチしても効率が悪いので、特に枕には気を遣います。

自分の睡眠時の体勢にあった枕を選ぶ必要があるのですが、これが難しい。

どうしても自分の体勢に合う枕が見つからない場合、自分で高さや形を調節できる枕も売っているので、それを使うのが良いですね。

↓ こんなのとか

自分でできるオリジナル枕

枕が合っていないと、せっかくストレッチしても、肩をこらしてしまったりしてしまうので、

枕重要ですよ。枕！

あ、ちなみに私は生まれてこのかた、 肩がこった事など一度もありません。

アトピー性皮膚炎に関わらず、肌をキレイに保つならば、石鹸は泡立ちの良さが命！
特にアトピーや子供の肌の場合、タオルで洗うなどもっての他で、泡の弾力を使ってやさしく洗う必要があるからです。

ここ数年は普通の石鹸で体を洗っても大丈夫なんですが、

最近、首筋あたりにアトピーが再発してきたので、
ちょっと高価ですが、子供の体とかにも良いというウワサの「タナカプレミアムソープ」を試してみました。

モリモリ泡が出ます （笑

試しに、普通の石鹸で、これと同等の泡を出すことにチャレンジ！

１５分の格闘末にできた泡。。。

無理。

キメの細かさが全く違う！

タナカプレミアムはキメが細かいため、肌に吸い付く感じで、逆さにしても落ちないほど

普通の石鹸の方はキメが粗く水分も多いので、泡立てても、すぐに流れてしまいます。

しかも、タオルで拭いたあとのサラサラ感もタナカプレミアムは良いようです。

泡立ちのよい石鹸といえば、以前CMとかでよくやっていた

「つかってみんしゃいよか石鹸」

というのも使ってみたことがあるのですが、

「つかってみんしゃいよか石鹸」は固形石鹸ではないので、お風呂で使うとか体を洗う用途には向いてませんでした。

あっという間にお湯で流されてしまうので、、、

それと比較すると、タナカプレミアムソープは固形なので、お風呂でも使えますね。

お湯かけると、みるみる溶けちゃいますけど（笑

だいたい、この手の石鹸は非常に溶けやすいのが難点です。

まぁ、タナカプレミアムの場合は、ちょっと泡立てたら、お湯のかからない場所に退避しておけば大丈夫ですけど。

このサイトはIEよりもFirefox、Opera、Google Chrome などのモダンブラウザで見ていただくことを推奨してます。まぁ、IEで見てもらっても問題ないんですけどね。

理由はデザインのCSSで「text-shadow」を指定してるからです。
タイトルとか右のサイトバーとか、その他の見た目がちょっとだけ違いますｗ

IEは最新のIE9でも text-shadow が使えないという貧弱さ。
多くの人がIE9で実装されると予想してたみたいですが、実装されてませんでした。。。

IE9で見た場合（画像クリックで拡大）

Firefox、Opera、Google Chrome 等で見た場合（画像クリックで拡大）

で、IEでも同じ見た目にできないかいろいろ模索中（簡単なのは画像だけど、なんか嫌ｗ）。

解決候補としてはIEに独自実装のフィルタを使うこと。試してみた。

IEのdropshadowを使ってみた（画像クリックで拡大）

これは酷いｗｗｗ

ならば、glow でぼかし指定ならどうだ？

IEのglowを使ってみた（画像クリックで拡大）

ますます酷くなったｗｗｗ。ダメだこりゃ。。。

やっぱり、javascript でハックしないとダメかな？
javascript を使った方法はいくつかあるけど、有力候補は asamuzaK.jp さんの

「IE9で（ついでにIE7、IE8でも）text-shadow」

というもの。

試してみたけど、当方では、まだうまくいってませんｗｗｗ

疲れたので、今回はこれで終了。。。

まぁ、昔に比べたら、大して苦になってないですけど。
昔の私のアトピー症状は体全体にヘルペスを併発するほど酷かったので、写真ではとても見せられない状態でしたし。

それに比べて、今や腕関節なんかはツヤツヤですｗ

９割型、サラヴィオ美容液とえがおの青汁のおかげですけど。

サラヴィオにはお世話になっております。
アトピーが酷かった時期には、一日に何度も塗っては拭き取っては塗り、拭き取っては塗りでセット購入してもあっという間に消費してしまうほどバシャバシャ使ってました。

今は肌つやつやになったので、使わずとも大丈夫なほどですけどね。

　「病弱でも健康生活」

だったんですけど、
よくよく考えたら、私、別に 病弱 じゃなくて 虚弱 なんですよね。

病弱と虚弱だとちょっと意味合いが違うんで・・・

• 病弱： からだが弱く病気がちであること
• 虚弱： 力や勢いが弱いこと。特に、からだが弱いこと。

なのでタイトルを

　「虚弱だけど健康生活」

に変えました。。。

すみません

このブログはWordpressを使ってます。
Wordpressはプラグインが強力なものが揃ってて使い勝手が非常に良いですね。

このブログでもいくつかのプラグインを使ってるんだけど、
記事の下に表示してる、はてなブックマークとかTwitterとかFacebookのボタンは

WP Social Bookmarking Light というプラグインを使ってます。

でも、このプラグイン、すごくいいんだけど、head タグ内に以下のようなスタイルの定義が勝手に挿入されてしまいます。しかもlinkタグによる外部の定義じゃないから結構ウザい。

このスタイルシートには問題点があって、なぜかほとんどの定義に「!important」がついている。つまり、上書きできないってこと。

これだと、ボタンの位置などをあまり自由に設定できない。

WP Social Bookmarking Light は非常に優秀なプラグインだと思うんだけど、これは問題だ。

このスタイルの定義はWordpressのheader内にある<?php wp_head?>で自動的に挿入されます。かといって、この<?php wp_head?>はWordPress多くのプラグインを動かすのに必須なので、勝手に消すことはできません。

これがあるとheader内に自動でlinkタグやmetaタグ等が挿入される仕組みだからです。

とはいえ、これらの勝手に挿入されるlinkタグやmetaタグを除去する方法は結構、いろんなサイトで紹介されてて、方法としては、functions.php をたとえば以下のように書き換えれば、linkタグ等が削除できます。

じゃぁ、linkタグとかmetaタグじゃなくて、WP Social Bookmarking Light のようにスタイルの定義が勝手に挿入された場合、どうやって削除するか。

これは、単純にプラグイン内のスタイルシートを付与する関数を見つけ出して、その関数名を remove_action で指定してやればいい。

WP Social Bookmarking Light でスタイルシートを付与しているのは、

なので、これを

ってすればいい。これで消せる。

ただし、WP Social Bookmarking Light の場合は、”ほぼ” 問題ないと思われるが、他のプラグインの場合、その関数内でタグの挿入以外の処理をしてる場合は要注意です。

というか、こっちのブログも、まだ大した記事はかけませんが、私が普段気にしている健康にまつわるお話とか、私が使ってる健康グッズとかいろいろ紹介していくつもりです。

以上、よろしくお願いします。