FLASHレイヤーの可能性を考える。その１
先日発表した”レイヤーを使用したFull Flash”のスクリプトをさらに応用してマルチメディアプレーヤーにしてみました。 前回の記事を知らない方は、今回はそれの応用ですのでこちらを先にお読みください。 前回も文頭で触れましたが、僕はレイヤーの復権はPOPUPに変わるものだと考えます。 ですから、POPUPと言えば・・・と、まず考えてみます。 写真・・・音楽・・・メディアプレーヤーが立ち上がるのもそうか。。。 お、待てよ？これ全部FLASHで外部読み込み出来るじゃん！ というわけで、今回の製作物はマルチメディアプレーヤー（おまけ付き）です。 何がおまけ付かというと、せっかくFLASHなのでテキストの読み込みもつけてみました。（いらないだろ と、いうわけでまずはこちらをご覧ください。 （今回、外観、動きなどは時間省略のため割愛気味です。最後にソース公開するので、好きなようにいじってみてくださ
zuzara : みんなのブラウザのウィンドウサイズはどのぐらいか調査して分布図をつくってみた
picks.zuzara.com(site closed)のユーザを対象に、ブラウザのウィンドウサイズをどのぐらいの大きさで見ているのか、調査してみました。調査の動機はGoogleAdsenseを貼っていて800pxにあわせると横スクロールが出てしまうことに気付き、そういえば最近のPCは解像度も高いしどのぐらいの大きさのウィンドウでブラウザを開いているんだろう、と思ったところにあります。 8月3日の24時間集めておよそ6000ユーザ分を集計。picks.zuzara.comのユーザはIEが91%のシェアで、30%がFirefoxの当ブログに比べると一般的なインターネットユーザが見ていると言えます。 で、調査結果。1つの点が1ユーザ、ウィンドウサイズの縦横幅をXY座標に実寸大でマッピングしています。 13%のユーザが800px以下の横幅。 分布図の縦方向に線ができているのは、画面横一杯にウィ
Orangoo Labs - GreyBox
A pop-up window that doesn't suck. Introduction GreyBox can be used to display websites, images and other content in a beautiful way. Why use GreyBox: It does not conflict with pop-up blockers It's only 22 KB! It's super easy to setup It's super easy to use You can easily alter the style as it is controlled through CSS Examples One website Launch google.com in a 500x500 center window Launch google
HeartRails Glance | リンク先 「チラ見」 サービス
「チラ見」 ウィンドウに必要を感じないお客様は、「チラ見」 ウインドウ下部の x ボタンをクリックすることにより、以後、そのサイトに付加された 「チラ見」 機能を無効にすることができます。また、「チラ見」 機能を導入済みのサイトには、併せて 「チラ見」 機能の有効／無効を切り替えるための Switch を設置することができます。 Switch を設置したい場所に下記の JavaScript をペーストしてください。 お客様のサイトの文字コードが UTF-8 の場合 <script type="text/javascript" charset="UTF-8" src="http://glance.heartrails.com/api/utf8/switch.js"></script> お客様のサイトの文字コードが EUC-JP の場合 <script type="text/javascrip
グリッドレイアウトブックマークレットを作りました : akiyan.com
グリッドレイアウトブックマークレットを作りました 2007-03-08 グリッドレイアウトのためのちょっと便利な背景画像 | S i M P L E * S i M P L Eが便利そうだったので、ブックマークレットを作ってみました。 ブックマークレットをを実行すると、背景画像がWeb Page Layout Grid | Smiley Cat Web Designで使われている画像に切り替わります。 ブックマークレットは以下からどうぞ。 [背景をグリッドレイアウトにする] 背景画像を切り替えてるだけなので、他にも応用がききそうです。 コメント / トラックバック コメント / トラックバック 3 件 *LOVE IS DESIGN* より: 2007-03-10 00:35 実用的！レイアウトで悩んだときに頼れるツール 計算された余白やレイアウト。美しいと感じるものには何か法則があるはず
skrbl: easy to share online whiteboard
skrbl for teams Team resources for online collaboration. Powerful new features designed to let you work better together. Share resources with your team, co browse the web, annotate shared documents, video phone, skype calls ... share ideas, communicate & sync like never before. 'team-skrbl' is the next best thing to being in the same room. Get started today, claim your virtual office space,
JavaScript エレベーターメニュー tfmenu.js ver 1.4
Last Updated: "2008-07-02 Wed 14:36:28 Antigua, Guatemala" * JavaScript エレベーターメニュー tfmenu.js ver 1.4 - DOWNLOAD このエレベーターメニューを、使っていただいてる方、ご連絡ください。このページからリンクさせていただきます。→ info@kakura.jp 特徴 メニュー移動の速さを変更できる。 メニュー開閉の速さを変更できる。 メニューを移動させるか固定するかを指定できる。 メニューが画面から離れすぎたら急いで追いつく。 あらかじめ開いておく項目を指定できる。 CSS ですべてのデザイン要素を変更できる。 CSS で上昇中、下降中、停止中のデザインを変更できる。 メニューデータを .js 内一箇所に置くので、メンテナンスが簡単。 tfmenu.js で使用する
【レビュー】ColorJackがやってきた! - Firefox+JavaScript+Canvasでここまでできる!! (1) ColorJackとは | エンタープライズ | マイコミジャーナル
オンラインでカラーテーマを作成するサービスとしては、Adobe SystemsがAdobe Labsで公開したkulerを挙げることができる。kulerは同社の提供しているFlex2を活用して開発されたWebサービスで、Flex2でどういったことができるかを実証する、という位置づけにある。Flex2で開発されているので動作プラットフォームは当然Flash。Webサービスでありながらデスクトップアプリケーションのようにスムーズな動作が魅力だ。しかも同サービスで作成したカラーテーマは同社の他のプロダクトでも活用できるという優れもの。 図1 Adobe Labs – kuler kulerは興味深いWebアプリケーションだが、動作させるにはFlash Player 9.0.28.0が必要で、執筆当時はまだLinux版の同バージョンは提供されていなかった。2007年1月17日(米国時間)にLinu
hereticanthem co.,ltd. » CSSやJavaScriptを使ったオシャレな技やサンプルが解説＆配布しているサイトのまとめ
パチンコの遊び方と攻略 – 成功のための戦略を発見しよう！パチンコの遊び方をマスターしよう！プロのテクニックを習得して勝者に！パチンコの楽しさを体験しよう！成功のための戦略を発見しよう！戦略を鍛えてより高い勝率へ！
画像を使ったタブ式インタフェースが簡単に作れる「Tab menu with images」
Tab menu with images 画像を使ったタブ式インタフェースが簡単に作れる「Tab menu with images」。 次のようなタブ式インタフェースを簡単に作れるようです。 作成する際のHTMLは説明にも書いてある通り、クリーンなものになります。 メニュー部分のＨＴＭＬは次のような感じでクリーン。 タブをマウスオーバーすると下位層のメニューが現れますが、そのメニューも次のHTMLコードに含まれています。 <!-- メインメニュー--> <div id="mainMenu"> <a>Products<img src="images/tabmenu_right.gif"></a> <a>Support<img src="images/tabmenu_right.gif"></a> </div> <!-- サブメニュー--> <div id="submenu"> <!-- Th
クールなプロフィールページを作れるJavascript | SIMPLE*SIMPLE
「ページをマトリックス風に表示するJavascript」で人気だったbodytag.orgからもうひとつ便利なJavascriptをご紹介。 ちょっと変わったプロフィールページを作りたいときに便利っぽい。自分の実績を示すインタラクティブな年表を作ってくれるのだ。 ヘッダー部分の年数をクリックすると、ページがスルスル切り替わって気持ちいい。（実際の動作はこちら） 実装するにはトップページからダウンロードしたnav.htmlの以下の部分を修正するだけ。（それぞれのhtmlファイルは自分で用意） var events = [ ['intro','intro.html', 0, 0, 2000], //['タイトル','ファイル名','日','月','年'] ['sausage','sausage.html', 15, 3, 2000], ['abstraction-now','absnow.ht
Video File Format Specification Version 9
Stories about our creative apps and services for everyone
【ハウツー】JavaScriptいらず、ブラウザでリッチWebインタフェース構築 - ZK Designer (1) デザイナとプログラマ、正直うんざりなあの会話…… (MYCOMジャーナル)
AjaxやFlashを使ったWebサイトを目にする機会が増えてきている。WebアプリケーションでリッチなUIを提供できるようになり、またひとつWebの表現力が広がった。一方でUIのリッチ化は、これまで数々のプロジェクトが築いてきたビューとロジックの分業体制を再び曖昧なものに引き戻そうとしている。 皆さんもこんな会話の経験がないだろうか? プログラマ--ここのプルダウンでマウス選択時の色を変えるのであればonMouseOverとonMouseOutイベントを設定する必要がありますね。ここのWYSIWYGなエディタはhogeEditorをobject idで指定してください デザイナ--どういうことですか? 正直いって、こんなやり取りはもうウンザリである。 データベースアプリケーションがgrailsコマンド一発で構築できる時代なんだから、リッチなUIだって簡単に作りたい。ZKはそんな希望に応
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【PUMA公式】ランニング 特集ページ
DesignWalker
Adobe Labs - Homepage
Web Service API (REST) [for Ajax ]