JQuery Treeview
8 Useful JQuery TreeView Examples I have browsed the web for days to find out the javascript treeview. Every time I need to implement a treeview with a new feature, I have to search the whole web. So I have gathered a collection of very useful jquery treeview component or plugin here. I have also given the demo and details link the corresponding treeview implementation. Anyone can easily see the d
Javascriptを使用したフリーWYSIWYGエディタ・10選 - フリーでWebデザインとかやってる紳士。
2012年5月29日追記：jQueryベースのWYSIWYGエディタ「Redactor」 百式さんで「Redactor」というjQueryベースのWYSIWYGエディタが紹介されていました。細かな検証はしていませんが、jQueryを使用しているため、実装のハードルは低そうです。TinyMCEを「使わない理由」になるかどうか？ 現在のところ活発にアップデートされてるようですし、ざっくりとロードマップが示されていることにも期待がもてます。ちなみにIE6には非対応ですので、日本のビジネスユースではまだ厳しいかもしれません。 http://redactorjs.com/ この情報は2009年9月現在のものです。2011年9月追記 最近はもっぱらTinyMCEを使用。機能が豊富（不要な機能OFFも可）、新しめのニーズもキャッチアップしてくれそう、Webサイトも2年前からリニューアルされ気合が伝わって
ライブラリとWeb APIを使いこなして一人前
JavaScriptは1995年に誕生しました。JavaScriptの実行環境がWebブラウザであったこともあり、JavaScriptの歴史はWebブラウザの歴史そのものでした。Webブラウザ間の互換性やセキュリティの問題などで“不遇”の時代はあったものの、2010年現在、JavaScriptはWebサイト開発になくてはならない存在となっています。 JavaScriptを取り巻く環境は、15年の間にすっかり様変わりしました。Webサイト開発者であるプログラマが書き上げるJavaScriptプログラムが単体では完結しなくなっているのです。単体で使えないとはどういうことでしょうか？ 現在のJavaScriptプログラミングには、大きく二つのトレンドがあります。一つは、外部のJavaScriptライブラリを取り込んで利用すること、そしてもう一つは、大手Webサイトなどが公開しているWeb API
サンプルで理解するHTML5におけるJavaScript
一般に「HTML5」と呼ばれている仕様は、HTML要素の仕様だけでなく、Webアプリケーション用APIの仕様も含んでいます。これらのAPIを使うことによってHTML5では、2D/3Dグラフィックスの描画やローカルパソコンへのデータの保存といったことが可能になります。 HTML5ではJavaScriptを使うことで、できることが従来より大幅に増えます。しかし、これは逆に言えば、HTML5の機能を活用するには、JavaScriptのスキルが不可欠だということです。 このパートでは、筆者がHTML5（＋JavaScript＋CSS3）で作成したお絵描きアプリケーション「My Animals Note！」をサンプルにして、HTML5におけるJavaScriptプログラミング、具体的にはcanvas要素を使ったグラフィックス描画や、Web Storage APIを使ったローカルパソコンへの画像データ
今、知っておきたいJavaScript
Webブラウザとテキストエディタさえあれば、プログラミングして実行できるシンプルで手軽な言語――。それがJavaScriptが初めて登場してからしばらくの間、多くの人が抱いた印象でした。しかし、Ajaxの登場に伴う第2のブーム以降、ハードルが高くなったように感じられます。 その大きな理由の一つが、DOM（Document Object Model）に基づくJavaScriptプログラミングでしょう。DOMは、HTMLやXMLを構成する各要素に対して、プログラムからアクセスして内部の情報を取得・変更したり、機能を利用したりするためのAPI（Application Programming Interface）です。DOMを使うことによって、WebページをリロードせずにWebページを部分的に書き換えたり、HTMLドキュメントの構造を動的に変えたりといったことが可能になります。 DOMは便利な仕組
HTML5はJavaScriptプログラムをスマートにする
現在、W3C（World Wide Web Consortium）では、HTML5標準仕様の策定作業が進んでいます。Firefox、Google Chrome、Safari、Operaといった各Webブラウザはアップデートを活発化し、HTML5の仕様を取り込んだ新機能の実装を進めています。シェアの高いInternet Explorer（IE）は、現バージョン（IE8）ではHTML5対応の遅れが目立ちますが、次期版のIE9ではWeb標準に準拠したHTML5対応が強化されます。 HTML4の仕様が1997年に公開されて以来、Webアプリケーションは、Ajaxによるリッチなコンテンツの実現、jQueryなどのJavaScriptライブラリによる開発生産性と互換性の向上、といった過程を経て進化してきました（表1）。そして、IE9がリリースされるであろう2011年には、ついにHTML5時代が幕を開け
ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」:phpspot開発日誌
画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit... 次の記事 ≫：かなりいい感じのWordPressテーマ２０ Allan Jardine | Reflections | Visual Event ページに仕込まれたJavaScriptのイベントを全部見える化出来るブックマークレット「Visual Event」。 JavaScript で開発していて、jQuery等の各種フレームワークや、on〜 を使ってイベントを埋め込むことは多いですね。 後になって、どこにイベントがあるのかをすぐ見える化し、どのような処理が記述されているのか、確認することのできるブックマークのご紹介です。 当サイトにはそれほどイベントが組み込まれていませんので、Yahoo! Japanのトップページで試してみます。 ブックマークレットを起動すると、グレーアウトされ、エレメントの上
FirefoxのlivehttpheadersでHTTPリクエストの中身が見られるしくみ - bits and bytes
サーバに送っているHTTPリクエストのヘッダやレスポンスのヘッダが見られるFirefoxのextension livehttpheaders がどうやってこの機能を実現しているのか調べてみました。 HTTPリクエストを送るタイミングでイベントを捕まえることができるんだろうと予想して探してみるとLiveHTTPHeaders.jsの43行めからのaddToListener()に function addToListener(obj) { ... snip ... // Should be a new version of Mozilla/Phoenix (after september 15, 2003) var observerService = Components.classes["@mozilla.org/observer-service;1"].getService(Compone
[JS]ページをめくるアニメーションが楽しい、本のように表示するスクリプト -Viewbook
div要素で配置したコンテンツ（パネル）を自動で重ねて、本のようにページをめくるアニメーションで次々にコンテンツを表示するスクリプトを紹介します。 Viewbook - jQuery Plugin デモ [ad#ad-2] 次のページをめくるには三通りの方法が用意されています。 「Next」「Previous」で、次・前へ ページのナンバリング ※違和感がありますが キーボードの矢印キー 中でも、キーボードでの操作が楽でいいですね。 Viewbookの実装 各パネル（ページ）はdiv要素のため、画像やテキストなどさまざまな要素が配置できます。 HTML コンテンツはdiv要素の入れ子で構成されています。 idのmybookは自由に変更できます。 <div id="mybook"> <div class="vb-load"> <div>Page 1</div> <div>Page 2</di
[JS]さまざまなDOM要素にツールチップを表示するスクリプト -Bubble Popup
テキストリンクをはじめ、p, span要素のテキスト、li要素のテキスト、div要素、img要素などさまざまなDOM要素に、アニメーションを伴ったツールチップを表示するjQueryのプラグインを紹介します。 jQuery Bubble Popup v.2.0 デモページ：さまざまなDOM要素への実装例 [ad#ad-2] Bubble Popupの対応ブラウザ Internet Explorer 6.5, 7, 8, 9 (beta) Firefox 3.5.x Safari 5.0.x Opera 10.x Chrome 6.0.x iCab 4.x Webkit based browser (reKonq, Arora) KHTML-based browser (Konqueror) Bubble Popupの主な特徴 あらゆるDOM要素にツールチップ、ポップアップを作成できます。 ツ
ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」:phpspot開発日誌
jQuery Plugin Drill Down Charts Exmaples ドリルダウンなグラフを作成できるjQueryプラグイン「DDChart」。 グラフ自体は次のようなイメージで、アニメーション表示出来るグラフなのですが、一味違うところは、グラフをクリックすると、更にそのグラフを細分化して表示できるところ。 例えば、A~Dのチェーン店があったとして、Bのグラフをクリックすることで、今度はBの店舗別の売上を表示するといったことが可能です。 更に、Bの店舗で何が売れているか？というのをクリックでたどれるようなイメージです。 クリックするとアニメーションしながら、更にグラフを子要素にたどることが出来ます。 若干分かりづらいかもしれませんが、パンくずリストのようなものがグラフの下部に表示されています。 ありそうで、なかったグラフライブラリかもしれませんね。 グラフで一覧表示できるのはわ
Objective-C不要! - 書評 - iPhoneアプリケーション開発ガイド : 404 Blog Not Found
2010年08月03日21:30 カテゴリ書評/画評/品評iTech Objective-C不要! - 書評 - iPhoneアプリケーション開発ガイド オライリー矢野様より献本御礼。 iPhoneアプリケーション開発ガイド Jonathan Stark / 増井俊之監 / 牧野聡訳 [原著:Building iPhone Apps with HTML, CSS, and JavaScript] これだ! こういう本が、欲しかった! iPhone向けに何か作りたい。でもObjective-Cは敷居が高い。App Storeで大もうけしたいわけじゃない。でもiPhone向けのWebサイトを作るだけじゃちょっと物足りない。 そんな私のような人のためにうってつけの一冊が、これだ。 本書「iPhoneアプリケーション開発ガイド」という題名は、ちょっとミスリーディングだ。原著の"Building i
[JS]Canvasを使って、リアルタイムにヒートマップを描くスクリプト -real time heatmap
[JS]Canvasを使って、リアルタイムにヒートマップを描くスクリプト -real time heatmap real time heatmap デモ [ad#ad-2] デモの画像の上でマウスを動かすと、その動いた量に伴いカラーがブルー、グリーン、イエロー、レッドとマウスの移動し滞在した量をヒートマップとして生成します。ヒートマップのデータはエクスポートも可能です。 また、iPhoneのシングルタップもサポートしている、とのことです。 スクリプトはjQueryなどの他のスクリプトは依存せず、下記のようになります。 JavaScirpt /* Copyright (c) 2010, Patrick Wied. All rights reserved. Code licensed under the BSD License: http://patrick-wied.at/static/li
JavaScriptをオフにしているブラウザは1%前後 - ネタフル
JavaScriptをオフにしているブラウザは1％前後。米ヤフー調べ － Publickeyという記事より。 Ajaxという言葉が懐かしく感じるほど、いまではWebサイトのちょっとした機能をJavaScriptで実現することは一般的になってきました。そこで気になるのは、JavaScript機能をオフにしている訪問者の割合はどれくらいなのか？ ということ。 アメリカのヤフーによる調査結果ですが、JavaScriptをオフにしている割合はトラフィックの1%前後であるということです。 高い方でアメリカの2%前後、低い方でブラジルの0.25%前後であることが判明しています。グラフによると、その他はフランスで1.46%、スペインで1.28%などとなっています。 米ヤフーのブログでは、この調査結果によって「大多数のブラウザがJavaScriptを利用可能であり、ダイナミックなユーザーインターフェイスな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
50 Amazing Jquery Examples- Part1
Site Under Maintenance
Site Under Maintenance
Site Under Maintenance
ハイビジョン映像素材(HD素材)/Royalty Free HD Footage File
Domain error