HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)
HTML5 for Designers (HTML5 時代の Web デザイナーの新常識)AI-enhanced description The document presents slides from a presentation by Tomoya Asai at the Firefox DevCon 2011 in Osaka, covering topics related to HTML5 for designers, including the future of Firefox, CSS design, and mobile web animation. It includes various links to resources and discussions about rapid releases, web fonts, CSS gradients, responsi
夜神ライトの憂鬱ED「キラ吉良ユカイ」
Jadwal Result GAME & Pengundian Terlengkap GAME menjadi informasi penting bagi pemain yang ingin mengikuti hasil pengundian secara akurat dan tepat waktu. SURGAVIP menghadirkan layanan livedraw Macau resmi yang menampilkan hasil secara langsung sesuai jadwal, sehingga pemain tidak perlu menunggu lama untuk mengetahui angka keluaran terbaru. Melalui platform SURGAVIP, pemain dapat mengakses result
Firefox に outerHTML を実装する - IT戦記
outerHTML について outerHTML とは Mozilla 系のブラウザ以外のすべてのブラウザで使える要素の HTML が文字列として取得できるプロパティです。 alert(document.body.outerHTML); // => body の HTML がすべて見える（例：<body><h1>It works!</h1></body>） というわけで 以下のコードを書いてみました。 if (!('outerHTML' in document.createElement('div'))) { HTMLElement.prototype.__defineGetter__('outerHTML', function() { return this.ownerDocument.createElement('div').appendChild(this.cloneNode(tru
Event: preventDefault() メソッド - Web API | MDN
preventDefault() は Event インターフェイスのメソッドで、ユーザーエージェントに、このイベントが明示的に処理されない場合に、その既定のアクションを通常どおりに行うべきではないことを伝えます。 このイベントは通常、イベントリスナーの 1 つが stopPropagation() または stopImmediatePropagation() を呼び出し、いずれかが一度に伝播を終了しない限り、伝播し続けます。 後述のように、 preventDefault() を EventTarget.dispatchEvent() によってディスパッチされたイベントのようなキャンセルできないイベントに対して、 cancelable: true を指定せずに呼び出しても何も効果がありません。 パッシブリスナーが preventDefault() を呼び出した場合、何も起こらず、コンソールに
Ajax中にページ更新する際の注意点
Ajax中にページ更新する際の注意点 Ajaxで通信中にF5などを押してページをリロードすると通信エラーが帰ってきます。 詳しくは調べていませんが、どうもFirefoxでの挙動のようです。 参考：FirefoxでAjax中にF5押したとき « pocketo.net blog このサイトのようにAjaxのXMLHttpRequestをabort()で中断すれば、この問題は解決できます。 var xhr = $.ajax( {....}) $( document ).bind( 'beforeunload', function() { xhr.abort(); } ); ただ、通信の数が多い場合は、毎回設定するのは少し面倒。 そういう場合は、以下のように設定しておくとjQueryでajaxを使うと自動でabort()を設定してくれます。 $("body").bind("ajaxSend",
【ハウツー】Webデバッガに新星登場!? 操作を記録し、イベント/DOMを一発解析 - FireCrystal (1) FireCrystalとは | エンタープライズ | マイコミジャーナル
複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
Stephenoney
Sticky Piggy – Permainan Digital Bertema Babi LucuPengenalan Sticky Piggy Sticky Piggy adalah permainan digital bertema babi lucu yang menghadirkan hiburan ringan namun seru. Dengan visual ceria dan simbol babi yang menggemaskan, permainan ini langsung memberikan nuansa menyenangkan sejak putaran pertama. Pemain merasakan pengalaman bermain yang santai tetapi tetap menarik. Permainan ini mudah dip
JSON Data を FireBug でみる | _level0 - KAYAC Front Engineer Blog
エルニーニョ！だと暖冬。雪降るか心配ななっくるです。 みなさんJsonData、何で確認してますか？ JSON Editerをつかっていましたが、FireBugでもコンソールで見れるんですね。 nagayasuさんに教えてもらいましたー。 見方は、FireBugのコンソールを表示します。 その右側に（）で囲んでJSONDataいれます。で、実行すると。 でてきたObjectをクリックすると 結構見やすいし便利ですー
Your ultimate library for learning | SitePoint Premium
The home for developers Track your course progress, manage projects, and find your dream job - all in one place. Start Your Free Trial7 Day Free Trial. Cancel Anytime. SitePoint Premium Access to 700+ coursesPublish articles on SitePointDaily curated jobsLearning PathsDiscounts to dev tools Your ultimate library for learningDiscover our vast collection of courses and tutorials covering an array of
【レポート】"CSS3/HTML5、各ブラウザはどこまで対応?" を、確かめられる「Modernizr」 (1) 検出可能な機能をチェック | エンタープライズ | マイコミジャーナル
Webブラウザが次世代規格に対応しているかを一発検出 Faruk Ates氏は7月3日(米国時間)、Modernizr Version 0.9をリリースした。Modernizrは次世代規格であるCSS3の各種プロパティが有効かを検出するためのライブラリ。デベロッパは同ライブラリを使用することで、実行中のWebブラウザが次世代規格の機能に対応しているかを簡単に検出・確認できるようになる。 Version 0.9の時点で検出可能な項目は次のとおり(リリースノートより抜粋)。 Canvas rgba() hsla() border-image: border-radius: box-shadow: Multiple backgrounds opacity: CSS Animations CSS Columns CSS Gradients CSS Reflections CSS Transform
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
7 JavaScript Differences Between Firefox & IE
Please note that this is an older article that discusses JavaScript issues in Internet Explorer versions 6 & 7, along with Firefox versions 2+ & 3.0. Although the days of long and tedious code branches to target specific browsers in JavaScript are over, once in a while it’s still necessary to do some simple code branching and object detection to ensure that a certain piece of code is working prope
Document: getElementsByClassName() メソッド - Web API | MDN
��!說 Learn Learn web development Frontend developer course Getting started modules Core modules MDN Curriculum Check out the video course from Scrimba, our partner Learn HTML Structuring content with HTML module Learn CSS CSS styling basics module CSS layout module Learn JavaScript Dynamic scripting with JavaScript module
【Javascript】ブラウザの表示領域サイズ取得について - すたら日記
最終更新: 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
Google Analytics でアクセス解析しながら被ブックマーク数が確認できるUserScript | Creazy!
スミマセン、あまり時間がとれず個人的にお蔵入りさせていたネタを少し体裁整えて公開します。 「Google Analytics with SBM」とか名前付けましたが、下のスクリーンショットのようにGoogle Analyticsの解析画面で、URLを示す項目について横にはてなブックマークの被ブックマーク数カウンターを表示します。 タブに追加されている「Show SBM」は、解析結果の表示件数を変更したり、ページ数を変えたりするとAjaxによってtableが書きかわるのですが、そうするとブクマ数画像が消えてしまうので再表示させたい時にクリックします。（これを自動化したかったのにできなかったのが、お蔵入りの大きな要因） インストールはこちらからどうぞ。 http://userscripts.org/scripts/source/43912.user.js このUserScriptが有効になる具
JavaScript でのブラウザ判別 - 「仕様の盲点」ではなく、「プロパティの有無」を使う方がマシ - 2009年2月 - Blog - EOF
IE6, IE7 で tabindex 属性を JavaScript 側から設定する時の注意 これは完全にバグといえる仕様なのだが、IE6 と IE7 では JavaScript（IE だから本来は JScript）側から setAttribute などを使って tabindex 属性を設定してやる時、属性名を "tabIndex" にしてやらないと認識しないことを知った（"I" がキャメルケースになっている）。WAI-ARIA（2008-08-06版 WD 邦訳）絡みで色々といじっていた時に発見。因みに IE8 RC1 では修正されている。 次の JavaScript コード断片は、IE で tabindex 属性を設定する時の方法を説明したものである。 // ターゲット要素 var elem = document.getElementById("test"); elem.setAttr
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://tools.mozilla.com/
http://blog.ozacc.com/archives/001982.html
主要ブラウザの各バージョンでのサポート状況の一覧表
SitePoint Blogs » JSON-P output with Rails
