Windows 8 には IE10 が標準搭載されます。これらは早ければ2012年の秋ごろまでにリリースされる予定です。 IE10 ではレガシーな(古い)機能やメソッドが切り捨てられると予告されています → 非推奨の DOM イベント IE10 で attachEvent が廃止されると attachEventで IE かどうかを判別する(↓)のコードなどが魔女化するでしょう(バグになるでしょう)。 // オレオレライブラリによく見かけるコード片 var isIE = (window.attachEvent && !window.opera); この場合は ↓↓ これで良さげ var isIE = !!document.uniqueID; アドネットワークからの広告を埋め込んでいるサイトでは、同様のコードが広告生成用の JavaScript の中にも埋まっているかもしれません。そちらに対す
Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高いクロスブラウザのtipsをご紹介したいと思います。 1 Objectリテラル内の末尾カンマ { 'key' : 'val', } 上記のコードはIE6でエラーが出ます。 o = { ‘key’ : ‘val’, }; この動作はjavascriptの仕様からするとIE6の動作が正しく、本来であれば末尾のカンマは記述できません。 これは他言語でJSONを扱う場合でもエラーになるので注意してください。 また、Arrayの場合、Fxは上記と同じく要素が存在しないものと認識しますが、IE6は未定義値が定義されていると解釈
ついに本連載の最後となりました。今回のテーマはJavaScriptの設計スタイルです。 JavaScriptで様々なアクションを実現しようとすると，ブラウザによって挙動が異なったり，場合によっては動かない場合があります。例えば，標準化されているW3C DOMといえども，ブラウザの種類やバージョンによってその実装の度合が異なるからです。 今日，様々なブラウザがあふれており，またそれらのバージョンも多岐にわたります。すべてのブラウザ，そしてすべてのバージョンで全く同じように動くようにするというのは，もはや現実的ではありません。 そこで，近年，Unobtrusive Scriptingと呼ばれるスクリプティングの考え方が注目されるようになりました。"Unobtrusive"は，"でじゃばらない"，"控え目な"，"つつましい"といった意味を持っています。 Unobtrusive Scripting
2007-07-27T21:11:11+09:00 最近のブラウザには DOCTYPE 宣言の有無や種類で大きくわけて2種類の表示モードを切り替え、CSS や HTML の解釈を変える機能が備わっています。マイクロソフトは同様の機能を DOCTYPE スイッチとしており、一般的にもそう呼ばれることが多いように感じます (この記事でも DOCTYPE スイッチとします)。 DOCTYPE スイッチはオンの状態で standards mode (標準準拠モード) に、オフの状態で quirks mode (後方 (過去) 互換モード) になります。標準準拠モードは仕様に準拠した厳格な表示モード、後方 (過去) 互換モードは仕様に準拠していない古いブラウザとの互換を目的とした表示モードです。つまり DOCTYPE 宣言の記述が無いようなコンテンツに対しては、仕様に準拠していない古いブラウザの解釈
Curved corner (border-radius) cross browser by Remiz · Published September 24, 2008 · Updated November 6, 2010 Update 18 November , 2009: The htc file is updated by Nick F. Thanks man, you got time to check it out. Now supports FF, Chrome, Safari, IE6, IE7, IE8 (Os doesn’t matter). This version of htc files can be found here and demo here Update 17 August, 2009: This project is moved to Google Cod
IE6,7,8の確認ツールの決定版!?Microsoft Expression Web SuperPreview マイクロソフトのWEBオーサリングツール「Microsoft Expression Web 2」の次期バージョンに含まれる新機能Microsoft Expression Web SuperPreviewがベータ版として公開されました。 このSuperPreviewを利用すればIE6,7,8での検証作業が可能です。(製品版にはFirefox、Safariなども搭載予定) 公式ブログよりダウンロード可能で、インストールには.Net 3.5 frameworkが必要なので結構時間がかかります。 (インストーラーを実行すると最初に.Net 3.5 frameworkをインストールし再起動、次にインストーラーを実行するとSuperPreviewがインストールされる) 検証ブラウザの切り替
接続してきたブラウザの画面サイズを元にHTMLのレイアウトを調整したい場合に使用するJavaScript。 今回は、textareaを画面サイズに応じて調整したかったので、実装しました。 材料(コード)を揃えます ブラウザ画面サイズを取得して、対象となるHTML要素のサイズを設定する... ために必要な材料(コード)を用意していきます。 画面サイズを取得するjavascript関数 function getBrowserWidth() { if ( window.innerWidth ) { return window.innerWidth; } else if ( document.documentElement && document.documentElement.clientWidth != 0 ) { return document.documentElement.clientW
最終更新: 2018年8月2日 目次 結論 実験 実験結果一覧表 古いブラウザでの実験結果 結論 以下のように求められます。 ※ IE6, 7, 8は対象外です。 1. 表示領域の幅 (スクロールバー含まず) = document.documentElement.clientWidth; $(window).width(); // jQuery 2. 表示領域の高さ (スクロールバー含まず) = document.documentElement.clientHeight; $(window).height(); // jQuery 3. 表示領域左上のX座標 (文書左端から表示領域左端までの距離) = window.pageXOffset; window.scrollX; // pageXOffsetと同等(エイリアス) $(window).scrollLeft(); // jQuery
Ah, inline-block, that elusive and oh so tempting display declaration that promises so much, yet delivers so little. Too many times have I received PSD files like this: and begin to cry. Normally, this type of layout would be a cakewalk. Fixed width, fixed height, float:left and you’re done. Buuuuut, the design needs to work with variable amounts of content, which means if one of these blocks has
Kong lor 888 เว็บไซต์ของเราเป็นที่ยอมรับและได้รับการรับรองว่าเป็นเว็บพนันที่มีมาตรฐานและคุณภาพที่ดีที่สุดในประเทศไทย. การพนันออนไลน์ที่มั่นคงและปลอดภัยจริง ๆ สำหรับผู้เล่นทุกคนที่ต้องการความเชื่อถือในระบบการเงินและความเป็นส่วนตัวของตัวเอง. เมื่อมาเข้าร่วมการพนันออนไลน์กับทางเรา คุณจะได้รับประสบการณ์ที่ไม่เหมือนใครและสนุกสนานที่สุดค่ะ! kong lor 8888 ท่านสามารถมั่นใจได้เต็มใจว่าการเล่นพนันออนไลน์อย่
出足好調な次世代ブラウザの陰で、Web制作者たちが表示チェックや互換性の確保に苦労している――。先日、そんな情報をお伝えしたが（関連記事）、Web制作者がクロスブラウザ対応を進める上で重宝しそうなのが、「IE View」に代表されるFirefox用のプラグインだ。 Web制作者に限らずすでにご存知のユーザーも多いと思うが、IE ViewはFirefoxからIE（Internet Explorer）を起動させるプラグイン。IE Viewを導入済みのFirefoxで右クリック→「IEで表示」を選ぶと、すぐさま該当するURLを渡してIEが起動、同じWebページを表示してくれる。非常にシンプルな動作ではあるが、いちいちIEを起動しなおして、URLをコピー＆ペーストする手間を考えると快適だ。 IE Viewのほかにも、類似のプラグインとして、FirefoxからOperaを起動させる「Opera Vi
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
We advocate using CSS whenever possible, and we often successed. Modern browsers have very good support for CSS -- it's certainly good enough for you to use CSS to control layout and presentation. Sometimes however, certain page elements will appear differently in different browsers. Don't worry too much if you don't know the reason why, play around with the CSS rules and check out this post: Usin
Back to Web Devout home CSS hacks Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. Hacks necessarily lead to potential complications and should be avoided whenever possible, but when t
table と caption の margin 2008-08-13 0 0 XHTML/CSS caption, CSS, table, XHTML Firefox，Safari，Opera は IE に比べるとだいぶWeb標準に準拠してレンダリングされます。しかし，仕様に詳しく定められていないところは（追記参照）ブラウザごとのクセがあり，表示結果が微妙に違ったりします。以前，table に caption を入れたとき，margin を合わせるのにちょっと苦労した経験があったので，改めて調べてみました。 caption は表題を示す要素です。table の子要素になり，table の開始タグの直後に記述します。 table の margin-top が入る位置 <p>テキストテキスト</p> <table> <caption>サンプル（ここがcaption）</caption> <t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く