POPit - ポップイットPOPit（ポップイット）はサービスを終了しました。
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
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の場合 最新版はムービーの縦横幅を指
いまさら聞けない、“Ajax”とは何なのか？（1/3） - ＠IT
しかし、何が得意で、どんなことがすごいのか？ どんな技術を使っているのか？……などなどについてあなたは説明できますか？ そのあたりを中心に解説をしていこうと思います。 Ajaxを、その誕生からひもとく Ajaxを理解するには、その誕生を知ることが第一歩です。 ■Ajax発祥の地はいずこ？ 「Ajax」発祥の地は、コンサルティング会社を経営するJesse James Garrett氏が、2005年2月18日に投稿した「Ajax: A New Approach to Web Applications」（Ajax Webアプリケーションへの新しいアプローチ）というエントリーです。 このエントリーは話題を呼び、Ajaxという単語がアメリカで使われるようになり、日本にやって来ました。 ■Ajaxの定義 では、Ajaxとは何なのか？ 彼のブログで、以下のようにAjaxを定義しています。 standar
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
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」ボタンによってファイルのアップロードを開始します。 アップロードの
【ハウツー】"重たいJavaScript処理"もこれで解決! - Google Gearsのワーカプールを試す (1) Google Gearsのワーカプールとは | エンタープライズ | マイコミジャーナル
Google Gearsのワーカプールとは Webアプリケーションをオフラインでも使用可能にする「Google Gears」。発表から一週間以上が経過し、Gearsを使用したWebアプリケーションもすでに登場してきている。Webアプリケーション開発者にとって「無視することができない技術」だと言えるだろう。本誌でもそうした方々のお役に立てるよう、これまで二度に渡ってGoogle Gearsを用いたプログラミング方法をご紹介してきた。 Google Gearsに含まれる機能は、大きく「ローカルサーバ」「データベース」「ワーカプール」の3つに分けられる。 ローカルサーバは、Webページに関わるリソース(HTMLファイル、JavaScriptファイル、画像ファイル、スタイルシート…など)をクライアントマシンにキャッシュしておく技術だ。ネットワークに接続していない環境でもページを表示することができ、
AJAX vs. Flash、fladdictブログより
昨日のエントリーで、深津氏のブログに「Flash使いから見たAJAX」のことが書かれていて読んで勉強になった話を書いたのに、それらのエントリーへのリンクを張るのを忘れていたので、今日はそのリンク集。 以下のエントリーは、AJAXが騒がれ始めた2005年３月から２００６年１月の間に書かれたものだが、この「閉じたFlash」vs.「オープンなAJAX」という構図は相変わらずである。特に、FlashはActionScript3.0で大幅に言語として整備されたにも関わらず、AJAXに押されぎみなのはなんとも微妙である。 それで思い出したのが、GoogleにUIEngineの説明に行った時の会話。「もっとオープンにしてくれ」という彼らに、「Flashはどうなんだ」と答えると、「Macromediaの連中にもオープンにしろと言いつづけている」と言う。GoogleもYoutubeなど一部のサービスではF
ウノウラボ Unoh Labs: 簡単Ajaxライブラリ「jQuery」と便利なプラグインたち
こんにちわ、hideです。 最近は、jQueryというJavaScriptライブラリを使ってAjax関連の処理を書くことが多いです。なんといっても軽量で高速、XPathによる要素の指定がとても便利です。今回は、その便利なjQueryをもっと便利にするプラグインをいくつか紹介します。 ThickBox LightBoxのようなもので、画像の他にHTMLの表示も可能です。難点は、$()を使って書かれているので、他のライブラリと混ぜて使えないこと。僕はソース内の$()をすべてjQuery()に書き換えて使っています。 JSON for jQuery AjaxでJSONを取得して、処理できるようにするプラグイン。これは必須とも言っていいと思います。CallBack関数を指定してのJSONPも簡単。 BlockUI Plugin 画面の一部や全体を半透明のレイヤーで覆って操作できなくするものです
画像がズームしながら浮かび上がってくる特殊効果 | S i M P L E * S i M P L E
画像がズームしながら浮かび上がってくる特殊効果 May 25, 2007 9:30 AM written by 8maki panic.comでは画像をクリックするとき、ちょっと楽しい。 画像がズームしながら浮かび上がってきます。ズームアウトもするするーっと戻っていく感じ。 Lightbox.jsでもZOOM用のライブラリーがありますが、これはZOOMするときのアニメーションが小気味いいですね。 実装したい方はこちらから。 → effects.js 細かいドキュメントは無いみたいですが、panic.comや作者のブログを参考にしてみてください。 » panic.com Info: 特殊効果 | 固定リンク | コメント (1) | トラックバック (0) | ↑ コメント一覧 少し気になりましたので、コメント経由で... effects.jsのライセンスに関する記載を拝見しましたが、
JavaScriptで画像ギャラリーを作ることができるライブラリ
i'm no longer updating this. see http://www.chungeez.com/glibtv2 for the newest image gallery (more features, flexibility and with better cross-browser manners), phodyssey for a POC with photo RSS visualization, and http://www.chungeez.com/flibt for another one. previous | next asad dot sheth at gmail dot (you know what it is) "borrow" the code =) hey all! i needed a quick gallery solution for dro
PositLog - Redrawing the Web
[Login] Project page: https://github.com/canal874/positlog Preferred language[English] [Japanese] フォーラム（コメント・バグ報告など） Copyright (c) 2006-2008 Hidekazu Kubota All rights reserved hidekazu.kubota@gmail.com News! 2009/10/9 進化版の Crowkeeプロジェクト（動的コンテンツの開発を可能とするWebアプリケーション）で、2008年度下期未踏本体スーパークリエータに認定されました． サイトのページ一覧 便利な使い方 ロードマップ 次のマイナーアップデート予定 サイトの更新情報 FAQ PositLog redrawing the Web 機能の詳細 マニュアル PositLogとは
【ハウツー】Googleからの新たな贈り物、「Google AJAX Feed API」を試そう | エンタープライズ | マイコミジャーナル
Google AJAX Feed APIとは? Googleは16日、「Google AJAX Feed API」を公開した。Google AJAX Feed APIは、RSS/Atomなどの各種フィードを取得するためのJavaScript APIだ。 これまで、JavaScriptでフィードを取得し、取り扱うには以下のような問題があった。 JavaScriptはセキュリティ制限上、生成元のホストにしかXMLHttpRequestなどを使用したネットワークアクセスを行うことができない(これを同一生成元ポリシーと呼ぶ)。そのため、単純に他のホストからフィードを取得するようなコードを書くことができず、自ホストのサーバにプロキシを置いておき、そのプロキシ経由でフィードを取得するなどの対処が必要であった フィードの形式が乱立している。これで困るのはJavaScriptに限った話ではないが、ことサイ
「Ajax？ 知ってますよ」と言えますか：ITpro
新人配属や異動の季節になった。この4月，あなたがもし新しい職場に配属されて，上司から「君，Ajaxって知ってる？」と聞かれたとする。そのとき，堂々と「知ってますよ」と答えられるだろうか？ このITproのサイトでは，Ajax，マッシュアップ，リッチ・クライアント，SaaSなどいわゆるWeb2.0関連の記事が一昨年ぐらいから毎日のように掲載されている。そもそもITproはこうした言葉を知っている読者を対象にしているので，ほとんどの読者は冒頭のような質問を受けても，「知ってますよ」と堂々と答えられるだろう。しかし，この春初めてITの世界に入る人の中には，「名前や概念的なことなら分かるのですが…」という人も多いのではないだろうか。 そこで今回の記者の眼では，そういう新人君にお勧めな「Ajax学習法」を考えてみた。といっても，要するに，実際に自分でちょっとしたプログラムを作って試してみるだけである
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ajax/Javascript/Dhtml examples and demos to download
jQueryを使ってTwitterをおいしくマッシュアップ （1/4） ─ ＠IT
MacOSXデザインのウィンドウをWEBで表現するAjax導入方法*ホームページを作る人のネタ帳
WEB制作者とブロガーの『遊び心をくすぐる』26のブックマークまとめ*ホームページを作る人のネタ帳
IBM Ajax と XML: Ajax の最高傑作から学ぶ - Japan
膨大なAjax,Javascriptをコピペで使えるサイトだけど英語。だったら英語サイトを７０％くらい使えるようになるYamada式翻訳でいきましょう。*ホームページを作る人のネタ帳
