20 Excellent Websites for Learning Ajax
President of WebFX. Bill has over 25 years of experience in the Internet marketing industry specializing in SEO, UX, information architecture, marketing automation and more. William’s background in scientific computing and education from Shippensburg and MIT provided the foundation for RevenueCloudFX and other key research and development projects at WebFX. Ajax (asynchronous JavaScript and XML) i
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
【特集】詳解! Dojo Toolkit 1.0 (基礎知識編) - 頻出APIと便利機能を一気におさえる (1) Dojo Toolkit 1.0、満を持してリリース! | エンタープライズ | マイコミジャーナル
Dojo Toolkit 先日、フルスタックのJavaScriptフレームワークであるDojo Toolkitのバージョン1.0がついにリリースされた。Academic Free License v2.1とBSD Licenseのデュアルライセンスが採用され、使用するプロジェクトに合わせてどちらかを選べるようになっている。 足かけ三年以上にわたり開発が行われた同フレームワークは、期待に違わず凄まじく多機能で、その全体像をつかむのも容易ではない。 今回は、Dojo Toolkitに関して広範かつ、なるべく詳細な解説を行うため、二回に分けた特集を試みる。 特集の前半である本記事は、Dojoの基本的な知識とトピックを解説したいと思う。後半では、Dojoが備えるUIウィジェットの話題を中心に、Dojoを使用してリッチなWebページを作成するための様々なテクニックを紹介したい。 ということで、前半記
JavaScript、FLASHのイメージギャラリーまとめ15個ほど*ホームページを作る人のネタ帳
今回は過去のホームページを作る人のネタ帳にて、まとめの一部として使われていたイメージギャラリーを主役にまとめました。 JavaScript系はブログでも使う事が出来たりしますので、お時間のあるときにでもお試しください。 （Flashに一点追加しました） CSSJavaScript Photo Sliderライブラリ。 滑らかなスライドを実装できます。CSSデザインである為、デザインのカスタマイズも可能。 ダウンロードページ 商用利用の場合は29ドルだけど、非営利の場合は無料で使える。 テキストが表示されているところもポップアップするので試してみると楽しいです。 ダウンロードページ 正確にはギャラリーではないですが、虫眼鏡による画像のビューア。 FLASHではないところがまた乙。重いのが難点か・・・。 ダウンロードページ こちらも虫眼鏡。地味に2つの機能がある。 クリックしながら右にドラッグ
Lightbox風にムービーを表示する「Videobox」
画像をクリックすると、背景が暗くなって画面中央に画像がうにょ～んと開く透過レイヤー風効果を加えるのが、かの有名な「Lightbox」ですが、「Videobox」はそのムービー版です。対応しているのはYouTube、Google Video、Metacafe、iFilmなど。自分で作成したFlashも利用できます。 詳細とデモは以下から。 Videobox: Lightbox for videos, Youtube, Metacafe, Google Video, iFilm http://videobox-lb.sourceforge.net/ 上記ページにあるサムネイル画像をクリックすれば実際にどんな感じで表示されるかを確認できます。 YouTubeの場合 MetaCafeの場合 Google Videoの場合 iFilmの場合 オリジナルのFlashの場合 最新版はムービーの縦横幅を指
ドラッグ＆ドロップで画像を切抜くJavaScriptライブラリ「jsCropperUI」
イメージ切り抜きのためのインタフェースを提供するJavaScriptライブラリで、prototype.jsやscript.aculo.usを使っています。 写真上をマウスカーソルでドラッグすると枠が破線で作成され、囲んだ領域の座標とサイズを取得し、トリミングすることができます。カーソルキーによる移動にも対応しているので微調整も可能、実にすごい。 詳細は以下の通り。 ダウンロードは以下から。 DEfusion.org.uk >> JavaScript Image Cropper UI, using Prototype & script.aculo.us デモは以下から。実際にドラッグして切り抜きを体験できます。 DEfusion.org.uk >> Demo >> Prototype JavaScript Image Cropper UI 操作感覚が通常のアプリケーションとほとんど差異がない
AJAXとCSSで作られたシンプルで見やすいプログレスバー「Ajax Progress Bar」
操作感はAJAXで、画像などはCSSで実装されたわかりやすいプログレスバーです。進捗状況などの表示が簡単にできます。また、クリックする度に10％増やしたり、あるいは減らしたりといったことも可能。いろいろなウェブアプリの開発などに応用できそうです。 詳細は以下から。 WebAppers Simple Ajax Progress Bar with CSS by WebAppers ライセンスはMITライセンスで提供されており、以下から実際に試してみることができます。 Demo http://www.webappers.com/progressBar/ 実際にダウンロードしてみると、prototype.jsを使っており、使用するイメージ画像は2種類。その組み合わせでバーの増減を表現するとは、なかなかいい発想。
リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ:phpspot開発日誌
Ext File Upload Form Widget Example by Saki リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブラリ 「Add」でファイルを選んで↑ボタンでファイルをその画面上でアップロードしてくれます。 現状では、ダウンロードリンクやバックエンドプログラムのダウンロードリンクはないので手動で解析する必要がありそうですが、なかなかこれはカッコいいですね。 関連エントリ FlashとAjaxを使った使いやすいファイルアップロードライブラリ「FancyUpload」 SWFUpload アップロードの進捗を表示しつつアップロードするサンプル
Symfony Ajaxで「戻る」を実現する
Ajaxを使ってフォームのフィールドの変化に応じてdivの中身を入れ替えるような処理の場合、ブラウザの「戻る」機能を正常に使うことができなくなります。 フォントサイズの変更や「戻る」「進む」などのブラウザが標準で搭載している機能が使えなくなることはユーザの自由を奪ってしまうことになり、ユーザビリティがよくありません。 いろいろ調べてみたところ、「みかログ: Ajaxと戻るボタン・ブックマーク」というサイトにて対処法を発見しました。 ポイントとしては、 IE以外ではlocation.hashで各オペレーションに対して異なるhashを生成 IEでは隠しIFRAMEにlocation.hash生成 というあたりらしいです。 Javascriptを直接記述する場合は上記サイトのjQueryプラグインで事足りると思いますが、私の場合Symfonyを使用していたため、その中のヘルパ関数であるobser
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
スライドショーが可能なイメージギャラリー作成ライブラリまとめ:phpspot開発日誌
Awesome enough Slide Shows developed using jQuery, Ajax, Prototype.js, Ext.js, Lightbox JS, Mootools, YUI…..at Developer Snippets Hi Folks out there, Hmm…. I am back again with some useful stuff where you guys can enjoy ? I came up with some awesome slide shows which the web world is using. スライドショーが可能なイメージギャラリー作成ライブラリまとめ。 ということでスライドショーの仕組みも色々あるものですね。 JonDesign’s SmoothGallery LightBox 2 ThickBox 3
PHPで画像アップロード時のプレビュー
CMSでは画像をアップロードする場面が少なくないと思いますが、通常のフォームでは投稿した後にならないと実際のアップロード後のイメージを見ることができません。 そこで、今回要望があって作ることになったんですがファイルを選択した時点で画像のプレビューを表示し、気に入ったものが選択できた時点で他のテキストなどのテータと共に投稿するというインターフェイスを作ってみました。 実際の作り方は以下のとおり。 プレビューの仕組み まず、この仕組みがどうなっているのかを説明しますと、ファイルを選択したイベントでいったんアップロードを行ってしまい画像ファイルを作業ディレクトリに保存します。 そして、その後でJavaScriptでプレビュー領域にimgタグを出力して表示を行います。 ポイントは、アップロードの際に隠しiframeをtargetに指定してすぐにその値を元に戻すという部分の処理です。 それには、以下
伸縮するアコーディオン風UI実装ライブラリ集:phpspot開発日誌
10 different styles of Accordion’s (Using Ajax, JavaScript, DHTML…)at Developer Snippets Hi developers here I am back again with some useful stuff. I had a thought of how to represent lot of stuff in a constant space area in a webpage 伸縮するアコーディオン風UI実装ライブラリ集。 YourHead Accordion Ext Accordion MooTools Menu Accordion Example with Mootools Accordion Example Accordion Demo 伸び縮みするので少ないスペースで実装することが出来、なめら
Prototype Window Class : Introduction
Overview This javascript class allows you to add window in a HTML page. This class is based on Prototype. The code is inspired by the powerful script.aculo.us library. You can even use all script.aculo.us effects to show and hide windows if you include effects.js file , but it's not mandatory. It has been tested on Safari, Camino, Firefox and IE6, Opera looks fine. Features Valid HTML/XHTML gener
80+ AJAX-Solutions For Professional Coding | Developer's Toolbox | Smashing Magazine
Do you feel like you’re wasting time learning the ins and outs of all of the browsers and working around their issues? Well Chris did, too. Doing this back then secured his career and ensured that he had a great job. But we shouldn’t have to go through this trial by fire any longer. I’ve been writing JavaScript code for much longer than I care to remember. I am very excited about the language’s re
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TTW ("Through the Web") WYSIWYG Web Editors - The List
JavaScriptでプログレスバーを簡単に実装する （jsProgressBarHandler） - youmos
http://youmos.com/news/accordion_js
Ajax非互換性データベース ― ＠IT
Google News