addEventListenerについて
useCaptureが真のリスナー → イベントの対象 → useCaptureが偽のリスナー の順序でイベントが伝播されます。 下の例で、適当にキーを押して試してみるとわかるかと思います。 <html><head><title>Test</title> <script type="text/javascript"> function KeyPressC(e) { document.getElementById('log').value += "Capture\n"; if (document.getElementById('cancel').checked) e.cancelBubble = true; } function KeyPressC2(e) { document.getElementById('log').value += "Capture(2)\n"; } function
第7回 スクリプトを完全に分離しよう ～コンテンツ，プレゼンテーション，ビヘイビア～
前回でW3C DOMイベントモデルの基礎を学んできましたが，ここでは，その実践を見ていきます。W3C DOMイベントモデルで，どのようにしてHTMLとスクリプトを完全分離するのか，そして，W3C DOMイベントモデルを使うことで，イベント・ハンドラでの問題点も克服できることを具体的に見てきます。 コンテンツ，プレゼンテーション，ビヘイビアの分離 ホームページはただ単に文字情報を伝えればよいだけでなく，見た目も重視されます。また，マウスクリックといったイベントに応じて動きを与えることも多くなってきました。 しかし，ホームページに求める要求が大きくなればなるほど，HTMLコードがどんどん煩雑になり，保守性が大きく損なわれることになります。また検索エンジンのロボットにも大きな影響を与えてしまいます。そのため，コンテンツ，プレゼンテーション，ビヘイビアの分離の重要性が注目されるようになりました。
Visual Test-Driven Development For Responsive Interface Design — Smashing Magazine
What if we had an opportunity to write visual tests for responsive websites? What if we could describe the look and feel of an application and put this directly into our tests? Ivan Shubin decided to look at another interesting side of visual testing. For the last seven years, his main focus has been testing automation for a big enterprise project. Over time, Ivan became obsessed with the idea of
第4回 JavaScriptでオブジェクト指向プログラミング ― ＠IT
JavaScriptが、いま注目を浴びている。 JavaScriptがこれだけの注目を浴びた理由の1つとして、Ajax技術の登場とも相まって、JavaScriptに対する確かな理解の必要性が高まったという事情は否定できない。しかし、それだけでは説明できない急速な注目の理由として、もう1つ、JavaScriptという言語そのものが持つユニークさが開発者の目を引いたという点は看過できないだろう。 もっとも、このユニークさは同時に、多くの開発者が感じているJavaScriptに対する苦手意識と同義でもある。これまでVisual BasicやC#、Javaといった言語でオブジェクト指向構文になじんできた開発者にとって、JavaScriptのオブジェクト指向構文はいかにも奇異なものに映るのだ。ようやくクラスという概念を理解した開発者が、JavaScriptという言語の背後にたびたび見え隠れする「プロ
SSIならぬクライアントサイドインクルード（CSI）を実現できる「sprinkle.js」:phpspot開発日誌
Sprinkle Javascript library by Jon Davis This is basically CSI (Client-Side Includes), when SSI (Server-Side Includes) is not available. You can also call it "sprinkle", as that's the name I gave the Javascript library. SSIならぬクライアントサイドインクルード（CSI）を実現できる「sprinkle.js」。 SSIとは、指定の位置に決められたタグを埋め込んでおくことで、サーバ側で処理して特定の文字列を出力する仕組みです。 今回紹介するCSIは、JavaScript を使い、DIV要素内にsrcで指定したファイルをAjaxで読みこむという仕組みです。 次のようなコードで、
GT Nitro: カーレーシング・ドラッグレーシングゲーム - Google Play のアプリ
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
UK STUDIO - 初心者向けJavaScript勉強会の資料公開と補足
とある理由で僕主催の初心者向けのJavaScript勉強会 を14日行いました。とある理由はforestkさんのエントリーを参照ください(UK 主催の初心者向け Javascript 勉強会が生まれた経緯) 会場は株式会社ノッキングオン様にご提供いただきました。借りたい人ははてなキーワードのノッキングオンの会議室使いたい!を利用するといいと思います。東麻布でプロジェクター & ネット環境あり(優先ですがアクセスポイントを持参すれば無線も利用可能みたいです)の好環境ですのでかなりおすすめの物件となっております:-P 資料を公開しますので参考になれば幸いです。といっても、ほとんど入門書に書いてあるようなことですがwしかもif文とかの説明すげー適当だしね! 資料URL : http://www.slideshare.net/ukstudio/javascript/11 質問されたり、資料が半端な
ハウツー | パソコン | マイコミジャーナル
ゼロからはじめるVirtualPC2007 - 無料の仮想PCソフトを使ってみよう マイクロソフトが無償で公開している仮想PCソフト「Virtual PC 2007」。このソフトを使えば、新たにPCを用意することなく、異なるOSのマシンを用意できる。ネットで配布されているOSの無料イメージを使えば、VistaやLinuxも無料で利用可能だ。ここでは、Virtual PC 2007の導入から実際にOSをインストールして使ってみるまでの手順を解説しよう。 [19:05 9/24]ソフト iPhoneゲーム自作工房9 - レースゲームを作る 今回はレースゲームを作成します。と言っても3D (三次元) のポリゴンやワイヤーフレームでもなく、疑似3Dのレースゲームでもありません。至ってシンプルな上から見た(俯瞰[ふかん])タイプのものです。1970年代にゲームセンターでプレイしたことがあるかも
初めてのJavaScript - サポートページ目次
『初めてのJavaScript』（Shelley Powers著、武舎広幸+武舎るみ訳、オライリージャパン）の サポートページです。 お買い上げ、ご検討いただき、ありがとうございます。 お知らせ 参考資料『文系の人にもわかる プログラミング入門』（ごくごく基本的なことから解説した入門）と『文系の人にもわかる HTML入門』（HTMLおよびCSSの解説）を公開しました ソースコードの表示方法の説明を加えました。例題のソースコード（プログラム）のコピー方法がおわかりにならない方はこちらのページをご覧ください ご購入検討中の方へ 訳者まえがき まえがき この本の目次 「Google ブック検索」で内容をご覧にいただけます ご購入はマーリンアームズブックストアでどうぞ 正誤表・追加情報 正誤表 『文系の人にもわかる プログラミング入門』 — ごくごく基本的なことから解説した入門 『文系の人にもわ
FC2Blog - 404 Error
Page not found ご指定のファイルが見つかりませんでした 30秒後にトップページへ移動します
Error 404 - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
スクロールしても消えないドロップシャドウの作り方 July 30, 2007 4:40 PM written by Gen Taguchi メモ書きもかねてエントリー。ページをスクロールしていってもページの上や下にドロップシャドウを貼り付けておく方法。 ↑ このようなドロップシャドウですが・・・。 ↑ スクロールしても付いてきます。 サイトに立体的な効果をつけたいときに使えそうですね。いろいろ応用も利きそうです。 なお、PNGの透過部分を使っているのでInternet Explorerでは動きません。実際に動いているデモはこちらから。 詳しい作業ステップは以下のサイトからどうぞ。 » Scrolling Drop Shadows | Zooiblog Info: デザイン全般 | 固定リンク | コメント (0) | トラックバック (2) | ↑ この記事のトラックバックURL （
【ハウツー】ゼロからはじめるModalBox - ModalBoxでつくるMacOS X風ダイアログ | パソコン | マイコミジャーナル
Copyright (C) Mainichi Communications Inc. All rights reserved. 掲載記事の無断転載を禁じます
DOM JavaScript Cheat Sheet | Christian Heilmann
Newsletter Check out the Dev Digest Newsletter I write every week for WeAreDevelopers. Latest issues: 160: Graphs and RAGs explained and VS Code extension hacks Graphs and RAG explained, how AI is reshaping UI and work, how to efficiently use Cursor, VS Code extensions security issues. 159: AI pipelines, 10x faster TypeScript, How to interview How to use LLMs to help you write code and how much el
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
» 10 Javascript Accordion Scripts
B-Wiki - AIR for JavaScript Developers
http://cssglobe.com/post.asp?id=903
Visual jQuery 1.0 (Automated)
http://www.dhc-online.com/textbook-html/04programming/
http://blog.grayash.com/archives/520
lllcolor.com