タグ

webとjavascriptに関するshozroのブックマーク (4)

  • 画像を自在に差し替える·Transm.js MOONGIFT

    Transm.jsはJavaScript製のフリーウェア(ソースコードは公開されている)。Webサイトでヘッダーの画像が定期的に入れ替わったり、写真のスライドショーのように切り替わる表示方式がある。ただ入れ替わるだけでは面白くなく、そこにイフェクトが加わってこそ意味があるだろう。 黒目の部分だけ入れ替わる そんなイフェクトが110種類を越えて利用でき、さらに画像の透過処理を使って一部だけで差し替えもできるライブラリがTransm.jsだ。非商用であればフリー、商用利用のライセンスも用意されているソフトウェアだ。 Transm.jsを知るにはサンプルを見るのが一番早いだろう。フェードアウトしたり、上下左右から新しい画像が出てきたりと様々なイフェクトが可能だ。画像の中央から円形に沿って表示が切り替わる、HTML5を使った効果も多数あるので、対応していないブラウザもある。 Transm.jsの紹

    画像を自在に差し替える·Transm.js MOONGIFT
  • JavaScriptがウェブを遅くする--今できる緩和策を考える

    JavaScriptの1行が、今日のブログ技術に多くのパワーを与えている。ウィジェット、共有ツール、訪問者の追跡、広告。多くの場合、ブロガーは新しい技術を自分のブログに導入するのに、JavaScriptを1行加えるだけでいい。問題は、それらの1行のJavaScriptが多数組み合わされたときに起こる。 物理学には、非線形性と呼ばれる有名な現象がある。多くの異なることが相互作用すると、結果を予測するのが難しくなるのだ。ソフトウェアの場合も違いはない。多くのコンポーネントを組み合わせると、何が起こるか予測できなくなる。これは、各コンポーネントはスタンドアロンのように振る舞うが、それらは決まった区画内のスペースと閲覧者の注意を争う関係にあるからだ。そして、この争いはすべての人を傷つける。読者、ブロガー、サービス。誰もが不満を抱くことになる。 この記事では、多くのJavaScriptの1行がどうし

    JavaScriptがウェブを遅くする--今できる緩和策を考える
  • UStream.tvとtwitterでニコニコ動画ってみた、あとJavaScript→ActionScriptブリッジの更新:TKMR.blog.show

    UStream.tvとtwitterでニコニコ動画ってみた、あとJavaScript→ActionScriptブリッジの更新 追記:デモページTwitterとUstream.tv のアカウントは切り替えれるようにした。 このエントリの続き JavaScript → ActionScript なオブジェクトブリッジを作ってみた 最近もっぱらActionScript勉強中なのですが、JavaScriptオブジェクトをActionScriptから叩けると楽しいのじゃないか、と思ってオブジェクトブリッジ作成中な訳です。で実際何が便利かと考えたら、まあJSONPかなぁと。やっぱActionScriptでもJSONPでクロスドメインのデータとってきたいじゃない、人間だもの。 で一つサンプルを作ろうと思ってネタ探ししてたら、なんかustream.tvってのが面白そうじゃないか。ustream.tv一言で

  • Ajaxの高度な使用例、Yahoo! pipes Ajax うきうき Watch 第18回 ─ @IT

    Yahoo! pipes 話題のサービスです。検索エンジンやRSSフィードなど、さまざまなソースのデータを足し合わせ、フィルタリングし、望みの情報だけを抽出したフィードを作り出すことができます。シンプルな分かりやすさと操作性の良さが特徴です。 Yahoo! pipesは、サーバ側で実行されRSSフィードを出力するサービスで、Ajaxとは直接関係がありません。にもかかわらず、今回のトップで紹介した理由は、パイプのデザインツールが非常によくできているからです。 画面左側のパレットから、必要な機能を選んで配置します。場所は自由にドラッグして決めることができます。そして、パーツ間を線でつなぐと、自動的に滑らかな線で結び付けられます。パーツの場所を移動しても線は追従します。さらに、個々のパーツ内部は入力フィールドになっていて、編集できます。これはAjaxの高度な使用例として見る価値があるでしょう。

  • 1