画像を使って、スムーズなアニメーションで開閉するアコーディオンメニューを実装するjQueryのプラグインを紹介します。 デモ：vertical, easeOutBack [ad#ad-2] Accordion Image Menuの実装 HTML 各パネルはリスト要素で実装されています。 <ul id='menu'> <li><a href='link1'><span>title 1</span><img src='image1.jpg' /></a></li> <li><a href='link2'><span>title 2</span><img src='image2.jpg/></a></li> <li><a href='link3'><span>title 3</span><img src='image3.jpg' /></a></li> <li><a href='link4'>

インタフェースが良くてプレビューも見やすいCSS3コード生成が可能な「CSS3 Generator」 2011年03月11日- CSS3 Generator - By Eric Hoffman & Peter Funk インタフェースが良くてプレビューも見やすいCSS3コード生成が可能な「CSS3 Generator」。 CSS3ジェネレーターは多くありますが、中でも優れたUIとわかりやすさを持っているように思えるジェネレーターの紹介。 角丸、シャドウ、透明度、グラデーション、枠線、背景色の設定ができ、リアルタイムに反映されます。 あっという間にCSS3コードを生成出来ました。 UIだけでも一見の価値ありです。 関連エントリ CSS3で実装されたボタンのサンプルやチュートリアル総まとめ CSS3で動くプログレスバー作成サンプル ステップで学べるCSS3ボタンのデザインチュートリアル CSS

frasio report(フラシオリポート) UI系ITのR&D flash,AJAX,CSS3,HTML5によるデモを公開中。

Android の会のメーリングリストで電話の発信のフックについての議論が盛り上がってますが、ACTION_CALL_PRIVILEGED をフックするっていう手もあるんですね。私も知りませんでした。というわけで team-hiroq さんの「CALLアクションをフック – Android」という記事を参考に実際にやってみました。 うーむ。フィルターに追加するだけで簡単に Call をフックできちゃうんですね。知らなかったー せっかくなのでこれもサンプルに加えちゃいます。ただ team-hiroq さんと同じ方法では面白くないので設定によってこのフィルターを有効にしたり無効にしたりできるようにしました。この際 IntentFilter 自体を Activity に追加したり削除したりできないか調べたんですがそのような API が見当たりません。そんなとき Twitter で @dumapi

HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」 2011年03月10日- Popcorn.js | The HTML5 Video Framework HTML5ビデオの内容に併せて他コンテンツを連動させて切り替えられるフレームワーク「Popcorn.js」 例えば、ビデオ映像の位置を別のブロック要素でGoogle地図で表せたり、ビデオの内容にあわせてTwitterのタイムラインを流したりと、将来的に色々なところでこういった見せ方が見られるのでは？というもので一見の価値はあります。 独自のブラウザベースのオーサリングツールによって、映像と連動要素の組み立ても簡単。 TwitterやFlickr、Google地図に既に対応していますが、プラグインベースなので今後も拡張していくみたい。 映像の位置を地図で別ブロックに表示する例 ビデオ

フロートした子要素を内包するコンテナが高さを拡張しない問題を解決するためのテクニックはさまざまなものがあります。 その中から、overflowを使った方法とその際に生じる問題点とその解決方法を紹介します。 CSS: Clearing Floats with Overflow [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに Demo 1: overflow:auto; Demo 2: overflow:hidden; overflowを使って生じる問題点と解決方法 はじめに フロートベースのレイアウトをする際、ラッパーとなるコンテナがフロートしている子要素に対して高さを拡張しないことは、普通によくある問題です。 デモ：１ フロートをクリアする要素を配置して解消した例 しかし、この問題を解決するために、「overflow」プロパティでもできることを知っていましたか？ これは

RSSリーダーを使うと、'Corona'タグのすべてのブログ記事のフィードを購読することができます。 [フィードとは] 購読する

コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* 本記事では、Flash Builder 4.5を使って、SlashdotサイトのRSSを読み込むモバイルアプリを構築する方法を解説します。解説においては、Flash Builder "Burrito" と、下記2つのFlash Builderプロジェクトを含むサンプルデータを利用します。 サンプルファイル：SlashdotRSSReaderP

コミュニティーリソース Flex cookbook* (コードの共有) CSS Advisor (ブラウザ別バグ修正) Exchanges* (コンポーネントの共有) Adobe Labs* ユーザフォーラム RSS フィード* Flex バグベース* ユーザグループの検索* ユーザグループについて* Adobe Community Experts (ACE)* デベロッパーイベント* ブログ MXNA* (ブログアグリゲータ) Adobe ブログ* AIR 2.5 では Android 向けのアプリケーションを開発できるようになりました。スマートフォンやタブレットは、画面を縦にしたり横にしたりと向きを変えて使うことが可能ですが、AIR では、デバイス用にに、画面の向きにあわせてスクリーン内の表示をコントロールする手段がいくつか提供されています。この記事では、デバイスの向きの変化に応じて

Wallaby のプレビュー版が Adobe Labs に公開されました。（Wallaby@Labs） Wallaby は、昨年 10 月にロサンゼルスで開催された MAX のスニークピークセッションで紹介された技術で、FLA ファイルを HTML に変換します。これを使えば、iOS 上でも Flash Professional CS5 で制作したアニメーションを表示できます。 最初の公開となる今回のプレビュー版では、典型的な広告用のバナーの HTML への変換が目標とされています。複雑なタイムラインのアニメーションを HTML5 に変換できますが、（まだ） 多くの機能がサポートされていません。 ちなみに、Wallaby は Canvas ではなく SVG を使います。これは、パフォーマンスとコードの可読性の観点から選択されたそうです。 Wallaby のダウンロードはこちらです。（Wal