WEB制作のメモ帳 – coral design

WEB Designing 6月号の大藤さんの記事でIE6撲滅キャンペーンの記事があった。

そこで紹介されていた、条件分岐を使ってIE6にCSSを読み込ませない方法を早速やってみた。

<!--[if gte IE 7]<!-->
<link rel="stylesheet" type="text/css" href="hoge.css" />
<!--<![endif]-->

のように書くとIEは、IE7以上がhoge.cssを読み、またIE以外のブラウザもhoge.cssを読むらしい。
ポイントは、コメントアウトのタグらしい。

通常の条件分岐コメント例はこちら

ちなみにこのサイトの2009年4月20日から5月20日までの一ヶ月のブラウザの割合は、以下のとおり

IEのうち
IE7･･･56.32%　IE6･･･32.95%　IE8･･･10.73%

まぁこのサイトがWEB制作している人くらいしか来ない内容なんで、IE6がCSS切れてても問題ないだろうけど、
さすがにクライアントのサイトにIE6撲滅キャンペーンを仕込むわけにはいかないですが・・・
IE6のシェアが早く減るのを祈りつつ、IE6を対処するのもまた楽し。今日この頃。

airでiPhoneシミュレータがあったので、紹介します。

windowsでも使えます。イイ！これは良いです。

http://www.merhl.com/?page_id=3

iPhone対応サイトを作ってみたいとずっと思いながらもなかなか忙しく・・・（言い訳>_<）
そういえばcremaさんが
「iPhoneテンプレートfor MT」
というすばらしいiPhoneテンプレートを作って配布されていた！のを思い出しつつ
近いうちに作ることをココに宣言！

で、携帯サイトを作るときにimodeシミュレータはあるけどiPhoneのってmacでないとダメだったっけ？
って思ってたらブラウザ上でiPhoneをシミュレートできる
TestiPhone.com
というのがあった。

filter: alpha(opacity=35);
-moz-opacity:0.35;
opacity:0.35;

IE向けに
filter:alpha(opacity=透明度);
100・・・100%(不透明) 　0・・・0%(透明)　　35・・・35%

Firefox向けに
-moz-opacity:.透明度;
1・・・100%(不透明)　　0・・・100%(透明)　　0.35・・・35%

safari・opera
opacity:透明度;
1・・・100%(不透明)　　0・・・100%(透明)　　0.35・・・35%

DreamweaverCS3に付いているspryでタブつきパネルを使っていてデフォルトでは、タブをクリックして切り替えるんですが、
マウスオーバーで切り替わらないか調べてみてうまくいったのでご紹介します。

Continue reading

IE6はa要素以外は:hoverや：active、：focusなどのダイナミック擬似クラスに対応していません。それを解決するのがcsshoverというJavaScriptライブラリです。

Continue reading

<select name=”example”> <option value=”サンプル”>ここの文字が表示される</option> </select>

【selectタグ】

<select name=”example” size=”3″> </select>

name=”"     メニュー名を指定します（一般的には半角英数字）
size=”"     表示行数を指定します
multiple     複数選択を可能にします

■multiple （複数選択を可能にする）
multiple を指定すると、メニューの中から複数を選べるようになります。
この指定を行ったメニューは、自動的にリスト形式の表示になります。
※Windowsの場合、ShiftキーまたはCtrlキーを押しながらクリックすると、複数を選ぶことができます。

【optionタグ】

<option value=”サンプル” selected>サンプル</option>
value=”"     送信される内容を指定します
selected     最初から選択された状態にします

国内最大級の個人向けホスティングサービス「ロリポップ！レンタルサーバー」が有名な株式会社paperboy&co.の提供する新サービス 「 heteml(ヘテムル) 」は、大容量・高機能のレンタルサーバーサービスです。

容量は余裕の3GB。画像やオリジナル音源などを、空き容量を気にすることなくガンガンアップロードできちゃいます。しかも月額 1,500 円。この容量を誇るレンタルサーバーの中では最も安いお値段での提供です。

また、ヘテムルは容量だけではなく、機能面でもかなり充実しています。Perl、Ruby、Python、PHP、MySQL など豊富な開発言語に対応しているほか、ブログ構築ツールとしてはおなじみの Movable Type や簡単にコミュニティサイトを構築できる XOOPS にももちろん対応しています。

さらに 動画のストリーミング配信などが可能になるFlash Media Server 2 や、 ColdFusion MX 7 をプリインストールしている点も大きな目玉です。

大容量・高機能レンタルサーバーサービス「ヘテムル」で、充実した、快適なweb制作を！

備忘録。。。

safariでだけうまくいかないところがあって取り急ぎハックで・・・

html[xmlns*=""] body:last-child body { color:#***; }

タブの中でアコーディオン風にコンテンツが切り替わるスクリプト

tab accordion

nyokiglitter