LinkedIn for iPad: 5 techniques for smooth infinite scrolling in HTML5
LinkedIn for iPad: 5 techniques for smooth infinite scrolling in HTML5 This is the second article in a series of blog posts that we will write about LinkedIn's new iPad App. In the first post, we described how we build a snappy mobile experience using HTML5 local storage. In this article, I am going to talk about the challenges we faced building an infinitely swipe-able list. What's a "Stream"? Wh
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
もうこれで十分。HTML上でテーブルを表示するなら·Sigma Grid MOONGIFT
業務システムを構築する際に、一覧表を表示するという処理は多い。そしてそのデータを並べ替えたり、チェックボックスを入れたりしたいというニーズも多く発生する。場合によってはカラムを並べ替えたり、一括更新したいなんて言われることもある。 ソートも並べ替えもページネーションも全部こみこみ それを一つ一つ実装していては非常に工数がかかってしまう。そこで使いたいのがこのSigma Gridだ。 Sigma Gridはテーブルの表示とソート、データ編集などを可能にする超豪華ライブラリだ。LGPLライセンスの下に公開されているオープンソース・ソフトウェアだ。 Sigma Gridはデータの表示に際してJSONでデータを渡す必要がある。そのため既存のシステムにそのまま組み込むのは難しいかもしれない。だがその変更してもあまりあるメリットを享受できるに違いない。 画像表示とクリックアクションの例 まずカラムごと
Ajax開発にベンリ！「Html Validator」でJavaScript実行後のHTMLを検証 - builder by ZDNet Japan
Html Validatorは、その名の通りHTMLの文法を検証するための拡張機能だ。 Web Developerに付属している検証機能はW3Cのオンラインサービスにアクセスするだけのものだが、Html Validatorは自身でパーサーを持っており、ローカルの環境だけで検証を行うことができる。サーバから送信された生のソースコードだけでなく、そこに含まれるJavaScriptを実行した後のソースコードの検証が行える点も、大きな特徴だ。 加えて、Html ValidatorをインストールするとFirefoxのソースコード表示機能が拡張され、エラー発生箇所の表示や、エラー内容の表示などが行われるようになる。ソースビューワーがHTMLデバッガになってしまうわけだ。さらに、自動で修正候補のHTMLを生成する機能なども備えている。 ただし、Firefox Add-onsのサイトに掲載されているのはW
HTML上のテーブル操作の決定版·Flexigrid MOONGIFT
※ 画像は公式サイトデモより 業務システムのみならず、メールや一覧の機能で必要になるのがテーブルを使った一覧機能だ。このとき、比較元になるのがエクセルをはじめとした表計算ソフトウェアだろう。あのレベルのUIをWebベースで再現するのはほぼ不可能とさえ言えそうだ。 ドラッグアンドドロップによるカラムの並べ替えや表示/非表示の切り替えが可能 無理矢理カスタマイズして膨大に工数を増やすのではなく、ライブラリを使って柔軟に、素早く対応しよう。 今回紹介するオープンソース・ソフトウェアはFlexigrid、jQueryを使ったテーブル操作ライブラリだ。 Flexigridは既存のテーブルに対して利用できるライブラリで、普通のテーブルをカラムの並べ替えや表示/非表示、幅の変更など優れたUIをもったテーブルに変更してくれる。対応ブラウザはIE6/IE7、Firefox 2、Opera 9.x、Safar
| ＾＾ |秒刊SUNDAY | ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集
2008年06月04日 ずばり！コレさえあればWebシステムは完璧なAjaxサンプル集 今までCGIやPHPなどで制作してきたフォームや、投票システム、掲示板などは、PerlやPHPが動くサーバが必要となりましたが、Ajaxであれば、どここでも、CGIやPHP並の動的なコンテンツが作る事が出来ます。是非使いまくりたいものです。 ◆ Ajax RSS リーダー ■Ajax RSS reader RSSリーダは色々ありますよね。 ◆Ajax アップローダー ■AJAX file upload tutorial PHPでもCGIでもあるアップローダー。 ◆Ajax キャプチャー ■Using AJAX with CAPTCHA - AJAX Security Part 3 of 3 - waelchatila.com ◆ Ajax デスクトップ ■MuseStorm The profession
MOONGIFT: » 要チェック！Ajax向けIDE「WaveMaker Visual Ajax Studio」:オープンソースを毎日紹介
Prototype.jsやscript.aculo.us、jQueryなどのJavaScriptライブラリがあるお陰で、AjaxやJavaScriptを駆使したWebアプリケーションが容易に作成できるようになっている。が、まだまだGUIアプリケーション並みとはいかないのが現状だ。 サンプルアプリケーションを開いているところ それを打破できるかも知れないソフトウェアを紹介しよう。Webアプリケーション開発者皆さんにおすすめだ。 今回紹介するオープンソース・ソフトウェアはWaveMaker Visual Ajax Studio、Ajax開発向けIDE（統合開発環境）だ。 WaveMaker Visual Ajax StudioはJavaベースのソフトウェアで、Tomcatを使っている。起動後、localhost:8094でサービスが立ち上がる。ブラウザベースで動作するが、これはまさにIDEのW
あるＳＥのつぶやき: Ajaxライブラリまとめ
Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹
自分のサーバーでメッセンジャーを運用できる『ajax im』 | 100SHIKI
なにかと便利なメッセンジャーであるが、自分のサーバーで運用したい、というニーズもあるだろう。そうしたときに便利そうなのがajax imだ。 このサイトではサーバーにインストールする、Ajaxを利用したメッセンジャープログラムをダウンロードすることができる（サーバー側はPHPで動作）。 デモを試してみればわかるが、スタイリッシュなインターフェースと軽快な動作がなかなか小気味良い。 サイトのユーザー向けにちょっとしたツールを提供、といった利用が可能だろう。またソースごとダウンロードできるのでプログラミングの勉強にも最適だ。 便利なツールを自分のサーバーで提供できるようにする。そうした発想は悪くないですね。
JavaScript Library Archive
JavaScript Library Archiveについて JavaScriptライブラリをまとめたサイトです。用途別に探すことができ、配布元、使用方法、ライセンスなどについて解説をしております。 新着JavaScriptライブラリ プログラムのコードに色を付ける「google-code-prettify」 角丸を表現する「jQuery Corners 0.3」 jQueryベースのカラーピッカー 「Farbtastic」 水平方向のアコーディオンメニュー「horizontal accordion」 セレクトボックスをカスタマイズする「Script.aculo.us Select Box」 IE6でhover,active,focus擬似要素を使う為の「csshover」 画像に光沢を与えるjsライブラリ『Glossy.js』 IE6以下をIE7と同じようにするライブラリ『IE7.js』
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
【ハウツー】The Web 2.0 IDE - 時代を作る開発環境"Aptana" (1) Aptanaとは | エンタープライズ | マイコミジャーナル
AjaxはいまやWebにおいて重要な関心事項となっている。今後のWebには、たとえAJAX技術を使わなかったにしても、同様の成果が要求されるようになるだろう。もはやクリックごとにページ全体がリロードされるようなシステムは使いにくいという感覚が芽生えつつある。 AJAXは、使う分には素敵な技術だが、作るとなるとこれはちょっと手の付けたくないものでもある。そんな困難をサポートするべく、Web 2.0時代のIDEを謳う統合開発環境のひとつにAptanaがある。Eclipse IDEをベースとする開発環境のひとつだが、これがよくできている。ここではAptanaを紹介したい。 Aptana Aptanaは7月22日(米国時間)、Aptanaの最新版となる次の4シリーズのプロダクトを公開した。AptanaはEclipse IDEベースの統合開発環境。特にJavaScriptにフォーカスして開発された統
Flash と Ajax を使った使いやすいファイルアップロードライブラリ「 FancyUpload 」
digitarald FancyUpload Swf meets Ajax for beautiful uploads. The release of the long awaited MooTools upload widget thats allows queued multiple-file upload including progress bars. FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」。 FancyUpload を使えば、インタラクティブで複数ファイルのアップロードも簡単な、次のようなアップローダーが作れます。 「Browse Files」ボタンでファイルを選ぶと、右側のペインに アップロード予定のファイルとして追加されます。 「Start Upload」ボタンによってファイルのアップロードを開始します。 アップロードの
最人気Ajaxフレームワーク最新版Prototype 1.5 - 待望のAPIドキュメントも (MYCOMジャーナル)
Sam Stephenson氏は18日(米国時間)、Prototype 1.5を公開したことを明らかにした。PrototypeはJavaScriptによる軽量Ajaxフレームワーク。Prototypeは2006年9月23日(米国時間)に公開された「Ajaxian.com 2006 Survey Results」の調査結果において、もっとも人気があるAjaxフレームワークとされており、注目のバージョンアップといえる。 PrototypeはThe MIT Licenseのもとで公開されているオープンソースソフトウェア。提供されているスクリプトは、可読性のある状態で70KB弱のサイズ。1.5ではバグ修正や改善、動作の変更など細かい変更がいくつも加えられているほか、特に同バージョンにおいてドキュメントが整理された点が注目に値する。 1.5の公開より前にPrototypeのサイトのリニューアルも行わ
Realtime validation using Ajax
Posted by masuidrive Wed, 04 Jan 2006 21:45:00 GMT Ajaxなどを駆使して、入力値を動的にチェックするライブラリ、realtime validation を公開しました。 >> http://masuidrive.jp/validation 正規表現とメッセージを指定するだけで、入力した瞬間にユーザに対してガイドメッセージを表示させる事ができ、今までの様に画面遷移後にエラーが出て、ユーザがエラー位置を把握しづらいと言う事がありません。 これで、あなたのサイトも一気にWeb2.0！ なのに使い方は超簡単。 prototype.js とvalidate.js を自分のHTMLに読み込んで、下記の様に正規表現で表示するメッセージを指定するだけ。 Validator.register({ "#mail" : { "/^([^@\\s]+)@((?:
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
KeyboardR
http://www.adamrocker.com/blog/107/google_ajax_feed_api_rss_reader.html
Ajax/Javascript/Dhtml examples and demos to download
2/2 Ajaxを使おう RSSリーダーを作る [Javascript] All About![2/2 Ajaxを使おう RSSリーダーを作る [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
IBM Developer
