The Highly Extensible CSS Interface CSS・JSを活用して高度なUIを作成するサンプル集「The Highly Extensible CSS Interface」。 デモサイトのようなリッチなUIを実現するためのサンプル集 Part I: The Foundation Part II: CSS Selectors & jQuery Part III: Adding Ajax Interactivity Part IV: Testing for Extensibility jQuery、Ajaxなどを活用してページを作成していく部分はページ作りにおいて非常に参考に出来る部分が多いです。 IE7, FireFox2, Safari2.x 以降が推奨環境となっているようです。

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設

修正済みバグ一覧 以下の一覧は、IE7で修正されたバグである。IE6以下では問題が発生する。 バグ 関連タグ/プロパティ 症状 リンク XML宣言によって表示モードが変わる問題 <?xml?> XML宣言の記述があるとQuirksモード(下位互換モード)で表示される。 解説: beta2 02-01 / 問題回避: 正式版 03-03 文字より小さな高さ指定が無効になる問題 height 要素に指定した高さが内包する文字より小さい場合、高さの指定が無効になる。 解説: beta2 03-01 / 問題回避: 正式版 03-03 置換要素を含む行の高さが変わる問題 line-height 画像などの置換要素を含む行で、ブロック要素に対して指定したline-heightプロパティの値が無効となる。 解説: beta2 03-03 / 問題回避: 正式版 03-04 背景画像の閲覧領域に対する固

未修正バグ一覧 以下の一覧は、IE7においても未修正のバグである。IE6以下でも同じ問題が発生する。 バグ 関連タグ/プロパティ 症状 リンク インライン要素の罫線や余白が切れる問題 border / padding インライン要素に罫線やpaddingによる余白を指定し、親要素に横幅や高さを指定した場合、罫線や余白の上下が切れる。 解説/問題回避: beta2 03-02 垂直方向の位置揃えの問題 vertical-align vertical-alignプロパティで「top」「bottom」と指定しても、「text-top」「text-bottom」と同じ表示になる。 解説: beta2 03-04 / 問題回避: 正式版 03-03 横幅や高さの指定で上下マージンが消える問題 margin-top、margin-bottom 親要素に横幅や高さを指定すると、デフォルトスタイルシートで

ここにはWindows版Internet Explorer4.0以降（WinIE）のCSS/DOM実装バグの一覧があります。以下のリストからそれぞれのバグの詳細を見ることができます。 WinIEのCSS実装 WinIE6.0以降に「DOCTYPEスイッチ」が実装されています。DOCTYPE宣言により、W3Cが策定したCSS仕様に従う「標準モード」か、過去のUAに実装されていたCSS仕様に従う「互換モード」で解析・描画が行われます。 DOCTYPE宣言なし：　互換モード HTML3.2以前：　互換モード HTML4 Transtional/Frameset（システム識別子なし）：　互換モード HTML4 Transtional/Frameset（システム識別子あり）：　標準モード HTML4 Strict：　標準モード XHTML（XML宣言なし）：　標準モード XHTML（XML宣言あり）

Halo bosku! kembali lagi bersama kami situs slot terpopuler dan terupdate no 1 di Indonesia, yang menyediakan ragam permainan […]

「Webページにおける文字の拡大/縮小機能」でご紹介したように、当サイトでは、JavaScriptを使った文字拡大/縮小機能を実装しています。本来はブラウザ側で持つべき機能であって、Webページ（コンテンツ）側に実装するのはどうかと思いますが、多くのブラウザで文字拡大/縮小機能がメニューに隠れてしまっている現状（そのため多くのユーザーは文字サイズを任意に変更できることを知らない）、少しでもユーザーの助けになればという観点で考えると、現時点ではそれなりに意義があると思っています。 そんな中、同様のソリューションを提供しているWebサイト（ホームページ）も少なくありませんが、問題はその大半が、JavaScriptが無効なブラウザでも文字拡大/縮小機能が表示されっ放しで、クリックしてもリアクション（フィードバック）が無いことです。 たとえば以下のサイトを、JavaScriptを無効にした状態でご

Browser CSS Hack/Filter supportは、IE4, Ns4から、IE8, Fx2, Op9.5, Safari3など、多くのブラウザのCSS Hack/Filterの対応をまとめたサイトです。 Browser CSS Hack/Filter support Browser CSS Hack/Filter supportは、dithered.comのCSS Filterをバージョンアップしたもので、CSS Hack/Filterの対応を検証しているのは下記のブラウザになります。 ※バージョン表記は省略。 Internet Explorer (Windows)：4.0.1～8beta Internet Explorer (Mac OS)：4.0～5.2.3 Pocket Internet Explorer (PocketPC)：4.0.1～5.2 Gecko(Firef

Free Icons Donwloadは、ロイヤリティフリーのアイコンを紹介しているサイトです。 Free Icons Donwload ホビー用のものから、ビジネス用・ウェブサイト用などのアイコンも

DiaryTechnology スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアル『Two CSS vertical menu with show/hide effects』 スライドイン&アウトするメニューが作りたい。 そんなあなたにおすすめなのが、『Two CSS vertical menu with show/hide effects』。スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアルだ。 このエントリーでは、シンプルなjsでクリックすると現れるメニューと、mootoolsを使ってスライドイン&アウトするメニューの2つが紹介されている。 デモはこちら↓。 » Live preview ソースコードも公開されているので、すぐに実装可能だ。 スライドインする垂直型メニューをCSS+Javascriptで作成するチュート

ドコモのiMenuがリニューアルしGoogle検索が可能に Tweet 2008/4/2 水曜日 matsui Posted in DoCoMo, ニュース | 1 Comment » 昨日の2008年4月1日に、ドコモのiMenuがリニューアルされました。 デザインの変更はもちろん、Googleの検索ボックスが追加になったのが大きな変更点です。 →　NTTDoCoMo　報道発表資料　iモードポータルサイト「iMenu」をリニューアル [nttdocomo.co.jp] →　ケータイWatch　ドコモ、4月1日のリニューアルでiMenuにGoogleの検索BOX設置 [impress.co.jp] auは2006年7月からGoogle検索を設置していましたが、ドコモもそれに追随する形となります。 リニューアル後のiMenuは次のようになりました。 以前のメニュー 現在のメニュー、大きな広告

中村はウェブサイトの役割をただの情報発信の手段とはとらえない。インターネットだからこそ実現できる新しいコミュニケーションの舞台だと考えている。 例えば企業の環境キャンペーンのサイト。ユーザー1人1人が書き込んだメッセージがウェブ上で枝葉となり１本の木に育っていくと、オーストラリアの島に実際に木が１本植樹されるというプロジェクトを実現した。現実社会にはない、企業とユーザをつなぐ新しいコミュニケーションを生み出した。 ウェブサイト制作が佳境にはいると１日１２時間近くパソコンの前に座りっぱなしになる中村。デザインを練るために、何度もプログラムを書き換えては試行錯誤を繰り返す。ただしいくら追い込まれても、そこに悲壮感はない。どうすればもっと面白いデザインを作ることができるのか、あくまで面白がりながら、試行錯誤を繰り返す。 １月、中村は大手アパレルメーカーから新たな仕事を託された。Tシャツ販売のグロ

MP3 Player It's an audio player for MP3 file, intended for the diffusion on websites. ページに貼り付けができるFlashベースのMP3プレイヤー。 次のようなタグを貼り付けるだけで簡単にMP3をページに貼り付けできます。 <object type="application/x-shockwave-flash" data="player_mp3.swf" width="200" height="20"> <param name="movie" value="player_mp3.swf" /> <param name="FlashVars" value="mp3=test.mp3" /> </object> mp3ファイルの指定も簡単ですね。 スキンも豊富にあって、サイトのデザインに合うものを選べばよいです

作ろうiモードコンテンツ：iモードセンタの各種情報 | サービス・機能 | NTTドコモ iモード対応サイトはアクセス時にユーザ一意の番号である「iモードID」を拡張ヘッダにて取得することが可能です。あらかじめURL内にパラメータを記述する必要があります。 i-mode端末の個別IDであるiモードIDを取得することが出来るようになったようです。 guid=ON指定することで、端末に対してiモードIDを送るよう指定できるようです。 http://xxxxx?guid=ON 送られる情報の例 X-DCMGUID:XXXXXXX (Xが７桁) デフォルトで送信機能がONになっているみたい。 関連エントリ ke-tai.org > Blog Archive > 本日提供が開始された「iモードID」機能を早速試してみました

asちょっと便利だと思った Tips。そっか。イベントの発生内容見るのって直に trace 渡して問題ないんだ。　addEventListener( Event.COMPLETE, trace );　わざわざ匿名関数作ってた。 Twitter / taka:nium: そっか。イベントの発生内容見るのって直に trace ...確かにこれは楽だ。trace は引数をいくつでも取れるから、こういう技が使えるのか！例えば、 stage.addEventListener("click", trace); とすると [MouseEvent type="click" bubbles=true cancelable=false eventPhase=1 localX=74.4 localY=16.45 stageX=74.4 stageY=16.45 relatedObject=null ctrlKe