[B! クロスブラウザ] chanpe246のブックマーク

第22回　JavaScriptによるUIの実装：ドラッグ | gihyo.jp

こんにちは。前回に引き続き、JavaScriptでUIを実装する方法を紹介していきます。要素のドラッグウェブアプリでよく使われるインタフェースのひとつ、ドラッグを実装してみます。ドラッグを使用するケースは幾つかありますが、今回は投稿用フォームをドラッグで移動できるようにするという使い方を想定してみます。投稿フォームで入力する際、そのページのコンテンツを見ながら入力したいということはよくあります。フォームを好きな位置に移動できればそれが実現できます。ドラッグの基本 HTML <div class="js-drag" id="js-drag-1"> <form class="js-drag-form" onsubmit="return false;"> <textarea></textarea> <input class="submit" type="submit" value="送信"

chanpe246 2011/01/17

リンク

これでできる！クロスブラウザJavaScript入門：第19回　CSSOM View Module解説｜gihyo.jp … 技術評論社

こんにちは、前々回、前回とアニメーションのお話でしたが、今回はアニメーションにも関連してくるCSSOM View Moduleという新しい仕様（2010年11月時点でWorking Draft）のお話です。クロスブラウザの連載で草稿段階の仕様について触れることに不思議に思われるかもしれませんが、このCSSOM View Moduleは既存のブラウザの実装をベースとして、その細かな違いを吸収して一つの標準仕様としてまとめあげることを目標として策定が進められています。つまり、この仕様を学ぶことで、「⁠現在の実装がどうなっているのか⁠」⁠、「⁠将来的にどういった実装になる予定なのか」ということを知ることができます。当然、今後大きな変更がある可能性はありますが、現状を整理するうえで重要な仕様なので詳しく見ていきたいと思います。 CSSOM View Moduleとはまず、CSSOMとは、CSS

chanpe246 2010/11/22

リンク

第16回　JavaScriptのthisとcall | gihyo.jp

こんにちは、太田です。前々回、前回とJavaScriptにおける継承について学習しました。今回はそれに深く関わるthisについて学んでいきます。 JavaScriptのthisはややクセのある動作をするように思えるかもしれませんが、仕組みをしっかり把握すれば実に簡単です。特に重要なのは次の2点です。 thisが何を指すかは関数の呼び出し方で決定する thisは関数スコープに存在する特殊な変数であるインスタンスとしてのthis では、まずはコンストラクタ内でのインスタンスとしてのthisを見てみましょう。コンストラクタとthis function A(name){ this.name = name; } A.prototype.getThis=function(){ return this; }; var a = new A('aaa'); console.log(a); console

chanpe246 2010/10/12

リンク

【レビュー】IE9に対応したタイミングチャート表示アドオンHttpWatchを使う | エンタープライズ | マイコミジャーナル

HttpWatch is an HTTP viewer and debugger that integrates with IE and Firefox to provide seamless HTTP and HTTPS monitoring without leaving the browser window. Using HttpWatch 7.0 with the IE 9 Beta - HttpWatch Blogにおいて、IE9 BetaでHttpWatchを使う際の注意事項が紹介されている。HttpWatchはブラウザにおける通信内容を解析してグラフィカルに操作できるようにするためのアドオン。IE6、IE7、IE8およびFirefox 2.0から3.6までに対応している。IE9への対応はいつになるか聞かれることがあるそうだが、すでに現在の最新バージョンはIE9に対応していると

chanpe246 2010/10/05

これで非同期通信内容が解析できる？

リンク

【レポート】高速なWebページはレンダリングが最初、次にJavaScript | エンタープライズ | マイコミジャーナル

Steve Souders - High Performance Web Sites より高速に動作するWebページを開発する方法として、Steve Souders氏が自身のブログにおいてRender first. JS second.という記事を公開している。高速に動作するWebページを作成するには、先にレンダリングを済ませて、そのあとでJavaScriptを実行するようにすることだと説明する内容になっている。Webページ開発におけるひとつの指針として参考になる。 Steve Souders氏はJavaScriptの遅延読み込みテクニックを広く紹介することになった人物としても有名。遅延読み込みのためのテクニックはほかにもあり、ユーザが大規模でかつ高速性が求められるサイトではすでに採用されていることが多いテクニックとなっている。こうしたテクニックを使っても、レンダリングが完了してからJav