2007/12/31 月曜日

Photoshop で背景透過の美しい favicon (ファビコン) を作成する

Filed under: photoshop — admin @ 16:07:39

Photoshop で背景透過の美しい favicon (ファビコン) を作成する

No Tags

IE7 {css2:auto}

Filed under: IE7 — admin @ 16:00:17

behaviorでIE7のバグや未実装のcssを実装するパッチ

/IE7/

No Tags

VistaのAeroウィンドウをFlashで表現

Filed under: flash — admin @ 15:53:41

FlashでAeroグラスを実現する。

trick7.com blog: VistaのAeroウィンドウをFlashで表現

No Tags

cssで透明度指定

Filed under: css — admin @ 15:26:50
filter: alpha(opacity=25); 

-moz-opacity:0.25; 

opacity:0.25;IE
IE 

alpha(opacity=透明度); 

100が100%となる。25%の場合は、25 

Firefox・Netscape 

-moz-opacity:.透明度; 

1.0が100%となる。25%の場合は、.25 

Opera・Safari 

opacity:透明度; 

1.0が100%となる。25%の場合は、.25 

CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能となるようです。

注意

IEのフィルタは
width: 100%の記述が必須
DirectXがONになっていないといけない。
文字まで半透明がかかってしまうので、現状では透過PNGを読み込んだ方がいいかもしれない。

http://weblibrary.s224.xrea.com/weblog/css/cat15/iefirefoxoperanetscapesafarics.html

No Tags

ThickBoxを使ってWeb2.0っぽく:Web Design Tips

Filed under: Ajax, JavaScript — admin @ 15:18:14

LightBoxの代わり

ThickBoxを使ってWeb2.0っぽく:Web Design Tips

No Tags

flash 上でマウスジェスチャーできるようにする user.js 3(Firefox 2.0.0.3+) - m2O - チーム俺等

Filed under: opera, flash — admin @ 15:09:33

wmode=”opaque”を使うと、マウスジェスチャーできるという話

wmode="opaque"

flash 上でマウスジェスチャーできるようにする user.js 3(Firefox 2.0.0.3+) - m2O - チーム俺等

No Tags

type=”hidden”なinputタグを表示・編集できるBookmarklet(主にIE・Opera用) - 集積蔵

Filed under: bookmarklet, IE, opera, firefox — admin @ 15:07:29

OperaのOuterHTMLの対応状況をぐぐっていたら発見。
Operaは普通にOuterHTMLに対応してるのね

type=”hidden”なinputタグを表示・編集できるBookmarklet(主にIE・Opera用) - 集積蔵

No Tags

Opera developer tools

Filed under: debug, opera, JavaScript — admin @ 14:53:27

Opera 9.2からFirebug(firefoxのjavascriptのデバック環境)のような 
『Opera developer tools』が使えるようになりました。

使えるツールは三種類

  • DOM Console
  • DOM Snapshot
  • CSS Editor

インストール方法は簡単なんだけど、わからない人にはわかりにくので注意!!

インストール方法

  •  
      Opera developer tools のページを Opera で表示する。
      記事の中にある「DOM Console」、「CSS Editor」、「DOM Snapshot」のリンクを個別に Opera のツールバーにドラッグ&ドロップする。どのツールバーでも OK です。
      ドロップした位置にボタンが配置される。
No Tags

IE7になってもtableのcellspacingのcss『border-spacing』プロパティに未対応

Filed under: IE7, IE, css — admin @ 4:51:44

IE7になってもtableのcellspacingのcss『border-spacing』プロパティに未対応

なので、『border-collapse:collapse』を使わずに凝ったテーブルを作ろうとするとつまずく。
対処方法は、かっこわるいがtableにcellspacing属性を設定する。これしかない!!

IE7 CSS攻略法 新規対応/未対応機能の問題を回避する

No Tags

2007/12/29 土曜日

JavaScriptでIEかどうかをたったの1行で判別する方法

Filed under: JavaScript — admin @ 10:47:44
<html>
<script language="javascript">
var isMSIE = /*@cc_on!@*/false;
if (isMSIE) {
    alert('IE!');
} else {
    alert('not IE!');
}
</script>
<body></body>
</html>

JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌

No Tags
次のページ »