キーワード検索「DOM」
647
出典：日経ソフトウエア 2010年12月号 pp.16-19 （記事は執筆時の情報に基づいており、現在では異なる場合があります） Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます...
380
Webサイトをコーディングする時に、idとclassを考えるのが面倒臭くなったので、idとclassを使わないでコーディングしてみました。 シンプルなサイトなら簡単につまらないので、idとclassを使っても難しそうなデザインにしています。 今回もJavaScriptは一切、使用していません。 完成したサイト id, classなしで組んだサイトを見る。 サイトでやってみたHTML5 HTML5で...
359
30 best practices to boost your web application performance - Web User Interface Architect JavaScriptコーディング等を書く上でのパフォーマンス確認事項３０。 自分へのインプット＆メモがてらにちょっとまとめてみます。 JavaScriptDOMの操作は可能な限りやめるeval, new Functio...
337
![[JS]jQueryのプラグイン33+1選 -2010年5・6月 | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugins-best-2010-june.html)
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。simpleSli.deフレキシブルでシンプルで軽量なコンテンツスライダーの決定版。Lightbox_meDOM要素を指定して拡大表示できるL [...]
278
![[JS]既存のLightbox系スクリプトの不満を解決したスクリプト -Lightbox_me | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-lightboxme.html)
IE6にも対応した、DOMエレメントをLightboxのエフェクトで表示するjQueryのプラグインを紹介します。Lightbox_me – Stupidly Simple LightboxingLightbox_meは他のLigtbox系スクリプトのソリューションにはない特徴をもっています。DOMエレメントをLightbox化。ウインドウのリサイズ時はオーバーレイもリサイズ。ドキュメントがウイン...
303
A JavaScript pattern and antipattern code collection that covers function patterns, jQuery patterns, design patterns, general patterns, literals and constructor patterns (upcoming), object creation pa...
178
jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。Rhino と env-js って何ぞい？Rhino ってのは Java で書かれた JavaScript エンジンです。Rhino を使うとコマンドラインから JavaScript を実行できます。Rhino には DOM が無いので...
171
![[JS]あらゆる要素をガタガタ、ぷるぷる、ちりちりと振るわせるスクリプト -jRumble | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jrumble.html)
テキストリンクやナビゲーションなど、ページ上のあらゆる要素を振るわせるjQueryのプラグインを紹介します。jRumbleの実装jRumbleの実装は簡単です。 div要素でもリンクでも、あらゆるDOM要素をガタガタさせることができます。JavaScript「jquery.js」と「jrumble.1.0.js」を外部ファイルとして指定します。<script type="text/javascri...
137
jQueryって何JavaScriptのフレームワークみんな超使ってるややこしいことが超簡単にできるJohn Resigってすげー人が作ってるとにかくイケてるなぜjQueryはイケてるのか超短く書ける。そう作られてる。Write Less, Do More.たくさんプラグインがある。使うの簡単。DOM操作周りにめちゃ強い。JavaScript始めるのにもオススメ。ブラウザごとの差異も吸収してくれち...
120
複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」 2011年05月25日- JSONSelect 複雑なデータ構造のJSONを扱う際にCSSセレクタ風にアクセスできて超便利な「JSONSelect」 jQuery成功の背景には、そのDOMへのアクセスのしやすさがひとつの要因だと思いますが、JSONSelectを使うと、JSONデータへのアクセスを...
112
2012年3月14日水曜日 HTML5開発者に便利なツール14個 先日Google+でAddy Osmani氏が紹介していたオンラインツールが便利そうだったので紹介します。 DocHub.io CSS, HTML, JavaScript, DOM, jQuery, PHP, PythonのAPIリファレンス。インクリメンタルサーチできるので、開発中は常に開いておきたい。 Dillinger.io ...
117
先のエントリ「(Twitter の XSS 脆弱性に関連して) 構造化テキストの正しいエスケープ手法について」の続き。弾さんが「404 Blog Not Found:DHTML - 構造化テキストは構造化するのがやっぱ正しい」で示されているような DOM ベースの操作を行えば、原理的に XSS 脆弱性を防ぐことができます。ただ、クライアントサイド JavaScript によるレンダリングはウェブの...
94
jQueryオブジェクトからDOM要素にアクセスする方法やメソッドで渡されるjQueryオブジェクトの扱いなど基本といえば基本ですが、再認識メモです。なので、タイトルは自分に覚えとけよってことです。。 jQueryオブジェクトからDOMにアクセスする$(‘#id’)にすれば#idを取得できますが、この状態だとDOM要素を選らんでいる状態ではないので、DOM要素のプロパティにはアクセスできません。$...
83
第7回 JavaScriptでDOMに挑戦小島 尚基 有限会社インテレクトキューブ2010/2/7HTMLをドキュメントオブジェクトとして扱うための約束事「DOM」を、JavaScriptを通して使うことで、HTMLの好きな部分を読み書きすることができます。連載の前回、「第6回 配列とオブジェクトでデータをまとめる」では、配列とオブジェクトの基本的な扱い方を説明しました。扱うデータの量が少ないうち...
77
アジェンダ Chrome Developer Tools とは 基本的な使い方 応用的な使い方 まとめ 使用環境は Chrome 16 dev 版なので、stable版とはちょっと違うかも。 Chrome Developer Tools とは Google Chrome に付属のデバッガ JavaScriptやDOMをいじれる リクエスト情報を見たり、プロファイラで解析することもできる 最近はFi...
75
読んで覚える，触って体験！JavaScript＆CSS3～gihyo.jp×jsdo.it presents第4回 jQueryでアニメーション（お題編）2011年3月17日外村和仁jsdo.it, JavaScript, CSS3, フロントエンド, 動的, アニメーションHTML5, JavaScript, アニメーション, share, jQuery, jsdoこの記事を読むのに必要な時間：...
91
js, enhance, IEIE6〜IE8のinnerHTMLには問題が多く、そのひとつに、HTML5の新要素を食わせると悪夢のようなDOMツリーを生成するというものがあります。var div = document.createElement("div");div.innerHTML = "section";document.body.appendChild(div);上記のコードを実行すると、...
77
![[JS]さまざまなDOM要素にツールチップを表示するスクリプト -Bubble Popup | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bubble-popup.html)
テキストリンクをはじめ、p, span要素のテキスト、li要素のテキスト、div要素、img要素などさまざまなDOM要素に、アニメーションを伴ったツールチップを表示するjQueryのプラグインを紹介します。Bubble Popupの対応ブラウザInternet Explorer 6.5, 7, 8, 9 (beta)Firefox 3.5.xSafari 5.0.xOpera 10.xChrome...
69
jQueryでXSSを引き起こしやすい問題 CSSセレクタを意図して書かれたコードが、DOM生成として機能する問題は、一部がjQuery 1.6.3で修正されました。 http://blog.jquery.com/2011/09/01/jquery-1-6-3-released/ https://github.com/jquery/jquery/commit/db9e023e62c1ff5d8f2...
59
