2010年10月27日のブックマーク (30件)

  • CSS3 Button Generator – This site was closed.

    LR icons https://en.lricons.com/ CSS Button Creator https://cssbuttoncreator.com/ Button Maker https://css-tricks.com/examples/ButtonMaker/ CSS Button Generator for your pleasure http://www.dextronet.com/css-buttons-generator/ 2.5dBUTTON http://noht.co.jp/2_5dbutton CSS3 Typeset Style Generator http://www.sciweavers.org/i2style Button X https://www.bestcssbuttongenerator.com/ CSS button generator

    kkeisuke
    kkeisuke 2010/10/27
  • 「吹き出し」風スタイル - jsdo.it - Share JavaScript, HTML5 and CSS

    HTMLの構造をいちいち二重にしなくちゃいけないのがお洒落じゃないですが、まあよしとしてください。 吹き出しの枠をCSS3のborder-imageで作ってみました。普通のborderとborder-radiusよりもそれっぽいんじゃないかなと思います。 吹き出しの足はbefore疑似要素を使っています。外枠にposition:relativeを与えて疑似要素はposition:absoluteです。 for : Firefox, Webkit or Opera. thanks! : http://jsdo.it/blades/datauriplayground <div> <p>走れメロス</p> </div> <div> <p> メロスは激怒した。必ず、かの邪智暴虐(じゃちぼうぎゃく)の王を除かなければならぬと決意した。メロスには政治がわからぬ。メロスは、村の牧人である。笛を吹き、羊と

    「吹き出し」風スタイル - jsdo.it - Share JavaScript, HTML5 and CSS
    kkeisuke
    kkeisuke 2010/10/27
    吹き出しの枠をCSS3のborder-imageで
  • IE/FIREFOXブラウザの拡大・縮小機能でswfを崩れずに正しく表示する | wszz

    IE/FIREFOXブラウザの拡大・縮小機能を使うユーザがどれだけ…と思っても 対応しなければならないことが有ると思うのでメモします。 ブラウザの拡大縮小に合わない表示

    kkeisuke
    kkeisuke 2010/10/27
  • PixelBenderでサーモグラフィ表現を作ってみよう | _level0 - KAYAC Front Engineer Blog

    今回は「PixelBenderでサーモグラフィ表現を作ってみよう」ということで PixelBenderフィルターを作っていく過程を合わせて書いてみます。 来、サーモグラフィは見かけの温度を色として表示するため 赤外線強度を測定できるカメラを使用しなければ実現はできないのですが 画素のルミナンス(明るさ)を色に置き換えることで、 サーモグラフィっぽいビジュアルを表現してみます。 必要な処理について考える まずは各ピクセルについてどのような処理が必要か考えます。 今回PixelBender内での処理の工程としては下記の図のようになります。 途中で入るレベル補正は、なくても構いませんが、 より細かい調整ができるように処理を入れています。 実際に作ってみる 1.Adobe Pixel Bender Toolkitを起動 2.まずはカーネルについて記述 < languageVersion : 1.

    PixelBenderでサーモグラフィ表現を作ってみよう | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2010/10/27
  • 3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」

    twitter facebook hatena google pocket 画像を多く表示させると見せ方に悩むかもしれません。 そんな時jQuery k3dCarousel pluginを使用すると一味違った感じの印象を与えられます。 3Dぽくぐるぐると回っていきます。 sponsors 使用方法 jQuery k3dCarousel pluginからファイル一式をjQueryからjquery.jsをダウンロードします。 <style> #id名 img{display:none;} </style> <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.k3dCarousel.js"></script> <script> $

    3Dで画像をぐるぐる回せるJavaScript「jQuery k3dCarousel plugin」
    kkeisuke
    kkeisuke 2010/10/27
  • Adobe Flash & Facebook Platform samples | Adobe Developer Connection

    Flash Player’s EOL is coming at the end of 2020. See the roadmap for Flash Player and AIR’s EOL: Adobe Flash Player EOL General Information Page The Future of Adobe AIR You can access the archived documents relevant to Flash Runtime even after the Flash EOL date. We are providing access to the archived documents for all the user/developers community to download. These documents are now no longer u

    kkeisuke
    kkeisuke 2010/10/27
  • Adobe Flash & Facebook Platform samples | Adobe Developer Connection

    Flash Player’s EOL is coming at the end of 2020. See the roadmap for Flash Player and AIR’s EOL: Adobe Flash Player EOL General Information Page The Future of Adobe AIR You can access the archived documents relevant to Flash Runtime even after the Flash EOL date. We are providing access to the archived documents for all the user/developers community to download. These documents are now no longer u

    kkeisuke
    kkeisuke 2010/10/27
  • .minerva

    Description .minerva is a Flash Local Shared Object editor built based on the AMF3 specification and the AMF0 specification. .minerva is capable of reading and writing all known data types successfully. Tested against modern browsers and was built using Chrome 38 and Firefox 32. Features Read/Write AS3 Shared Objects - Capable of reading/writing Flash 9 and newer .sol files. Read/Write AS2 Shared

    .minerva
    kkeisuke
    kkeisuke 2010/10/27
  • UIコンポーネント - Android Wiki*

    一般的なレイアウト、ウィジェット、ダイアログを紹介します。   googletag.cmd.push(function() { googletag.defineSlot('/19033742/WIKIWIKI_PC_CAPTION', [[300, 250], 'fluid', [468, 60]], 'div-gpt-ad-1565253136679-0') .addService(go...

    UIコンポーネント - Android Wiki*
    kkeisuke
    kkeisuke 2010/10/27
    xml のプロパティの日本語訳
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    kkeisuke
    kkeisuke 2010/10/27
  • CSS3とjQueryでフォームを美しく装飾する方法

    2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです!そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト! フォームの仕様 今回チャレンジするフォームの主な仕様です! グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける(モダンブラウザ) 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ?という人もひとつひとつ記述していけば意外と簡単に作れるはずです!リンクをクリックで各項目にジャンプします。 テキストボック

    CSS3とjQueryでフォームを美しく装飾する方法
    kkeisuke
    kkeisuke 2010/10/27
    form
  • Adobe MAX 2010 - 基調講演 2日目

    2 日目の基調講演は、Digital Living Room と題して、アドビ社員が TV 番組のパロディを演じながら、新製品の紹介をするという凝った趣向のステージとなった。芸達者な社員が揃う中で、メインのアンカーを務めたのは Ben Forta だ。 基調講演の行われる会場内。基調講演の開始を待つ参加者の様子 番組の司会をする Ben Forta Digital Living Room Ely Greenfield と Matt Chotin がリビングルームで様々な番組を視聴するという設定の元、2 人の軽妙なやり取りで始まったプログラムの最初の番組は、「Pimp My Ride」 の進行を模して、アドビのカスタマーサービスを改善するというものだった。見つかった問題点を解決するために、デザイナーがコードを一行もか書かずに UI を作り上げては、バックエンドの、簡単に素早くデータアクセスが

    kkeisuke
    kkeisuke 2010/10/27
  • Sencha - Sencha Animator

    Sencha Animatorを使えば、これまでのリッチメディア広告に匹敵するCSS3広告を作成することができます。文字や画像をスムーズに遷移させるアニメーションを作成したり、グラデーションがかかったボタンをデザインしたり、さらに分析用のトラッキングコードを埋め込んだりすることがSencha Animatorの中で行えます。また、これらは全てWeb標準技術を使ってできることです。 これらの標準技術を使えば、現在デスクトップ用のブラウザ向けのリッチメディア広告で使われているほぼ全ての機能は、Apple iOS、BlackBerry Torch、そしてGoogle Android向けに移植・再現することが可能です。 CSS3広告について企画・検討されている広告代理店、広告制作会社の皆様、Sencha Animatorの広告作成者向けオプションについてお問い合わせください。 Contact Us

    kkeisuke
    kkeisuke 2010/10/27
    WebKitブラウザそしてタッチスクリーン端末向けのCSS3アニメーション作成用アプリケーション
  • 主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた - 音楽方丈記

    主要ブラウザのHTML5 audioタグで使えるファイル形式の再生対応状況を調べてみた » 音楽ネタ全般  [編集] このブログを iPad の Safari でもそこそこ見れるように埋め込みの mp3 プレイヤーとか Flash 関連の扱いを前からコツコツといじっているのですが、いろいろやるついでに主要ブラウザの HTML5 の audio 要素の再生ファイル形式がどこまで対応しているのか調べてみました。 HTML5 の audio 要素について» 基構文 <audio src="音声ファイルのURL" >ここに未サポート時のメッセージ</audio> » 属性 属性 値 用途 src 再生する音声ファイルの URL controls 再生/停止ボタンなどのインターフェイスを表示する autoplay ロード後に自動再生する loop ループ再生する preload none meta

    kkeisuke
    kkeisuke 2010/10/27
    HTML5 の audio 要素の再生ファイル形式がどこまで対応しているのか
  • 国内スマートフォン市場、Appleが1人勝ち シェア6割

    MM総研が10月26日まとめた2010年度上期(4~9月)の国内携帯電話端末の出荷状況によると、スマートフォン市場のメーカー別シェアで、iPhoneを擁する米Appleが60.1%を占めた。スマートフォンは出荷台数全体の11.7%を占めており、下期に各社からAndroid端末が登場することで普及が加速するとみている。 上期のスマートフォン出荷台数は223万台。前年同期(106万台)から2倍以上に増えた。そのうちAppleが134万台と6割を占め、2位のソニー・エリクソン・モバイルコミュニケーションズを突き放している。 下期には、おサイフケータイなどフィーチャーフォン(従来型携帯電話)の機能を備えるAndroid端末が発売される予定で、10年度通期のスマートフォン出荷は440万台と、前年度比88.0%増を予測する。フィーチャーフォンを含む全体では同8.3%増の3730万台を見込んでいる。 関

    国内スマートフォン市場、Appleが1人勝ち シェア6割
    kkeisuke
    kkeisuke 2010/10/27
  • feb19

    Loading...

    feb19
    kkeisuke
    kkeisuke 2010/10/27
  • ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄い:phpspot開発日誌

    SVG-edit ブラウザ上で動くSVGグラフィックエディタのオープンソースが超凄いです。 次のようなインタフェースで、Chromeだとサクサク動くSVGエディタがGoogle codeにてオープンソースでダウンロード可能です。 SVGでお手軽にお絵かきしたい場合や、SVGなお絵かきサイトなんかを作るのにも活用できそう 描画したグラフィックをSVGに変換した例。ツールバーからそのまま出力可能です。 次のようなXMLデータになります。 触ってみるだけでも価値がありそうです。 関連エントリ JavaScriptでFlashやSVGを使わない3Dアニメーション PHPでベクターグラフィックスを作成するためのチュートリアル テキストで描画されたSVGグラフィックス

    kkeisuke
    kkeisuke 2010/10/27
  • 画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装:phpspot開発日誌

    ShineTime ? A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects 画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装する例が公開されています。 透明と白のグラデーション画像を斜めにして画像や枠の上をアニメーションで横切らせるというシンプルな方法でFlashサイトのようなクールな演出を実現しています。 実際のデモを見てみましょう。 超クールですね。 チュートリアル形式になっているので横切らせる画像を替えたりしても面白いかも。 このエフェクトは使える気がします。 チュートリアルでは現在のところjQueryは使っていますがプラグインの形ではないのでコードを記述する必要がありますが、プラグインになったらより便利そうですね。 関連エントリ 画像の映り込みエフェクトを実現するJavaScrip

    kkeisuke
    kkeisuke 2010/10/27
  • Android ListView で区切り行をつくる

    Q. ListView の 区切り行 * はどうやってつくるんですか? A. isEnabled を Override して、 getView で 区切り行のときと、そうでないときで返す View を変えます * 区切り行とは、Android Market アプリの 緑の区切りのようなやつのことです。ListView の1行ですが、タップしても反応しません。 public class ExtendsArrayAdapterSample2 extends ListActivity { public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); List<bindData> data = new ArrayList<bindData>(); data.add(new bindData

    Android ListView で区切り行をつくる
    kkeisuke
    kkeisuke 2010/10/27
  • http://matsu4512.jp/2010/10/27/progression-04/

    kkeisuke
    kkeisuke 2010/10/27
  • Progression4で外部swf読み込んで、Resource上手に使えるかな? - mrhdms

    ベースとなるswfはProgressionで用意して、各シーンの内容は外部swfでやるっていうあれです。 とくに目新しくないけど負けずに行きます。 来ならSceneLoader使うのがスムーズだと思うけど、 Progression自体の学習コストもあるので、複数人で作業する際に、 他のメンバーにそのコストをかけない方法ということで外部swfはなんでも来いな状態で。 やりたい事 ・外部swf読み込む ・読み込み完了したらLoaderを配置する ・読み込み中はプログレスバー表示 ・キャッシュされてる場合はプログレスバーの下りとばす ・バックグラウンドでswfキャッシュさせとく(これ別の話ですね。ResourcePrefetcher使うとサクっとできる) ハマったのはキャッシュされてる場合のResourceからLoaderへの渡しかた 各シーンで読み込まれるPageSwfクラス(

    kkeisuke
    kkeisuke 2010/10/27
  • Canvas + File API + Drag&Drop API で Instagram みたいな画像フィルターを作ってみた - hakobera's blog

    Instagram の画像フィルターみたいことを HTML5 (Canvas + File API + Drag&Drop API) で実装してみました。 Instagram みたいなの - jsdo.it - Share JavaScript, HTML5 and CSS 動作するブラウザは FireFox 3.6、Chrome 8 開発版です。(Chrome 7 は File API はサポートしていますが、どうやら iframe 内では動作しないため、上記 jsdo.it 上では動作しません。) できること これを こんな風に加工できます。 大学時代に画像処理の研究をやっていた身としては、ブラウザだけでもここまで出来るようになったのか、と少し感慨深いです。 やっていること Drag&Drop API で画像ファイルを取得 File API で画像ファイルを DATA URI 形式に変

    Canvas + File API + Drag&Drop API で Instagram みたいな画像フィルターを作ってみた - hakobera's blog
    kkeisuke
    kkeisuke 2010/10/27
  • Etsukata blog: Node.JS + Websocket でCanvas共有

    友人のhidekiyさんにNode.jsというこれから流行りそうなおもちゃを紹介してもらったので遊ぼうと思います。 Node.jsはV8 JavaScriptエンジン上でイベント化された入出力を扱うフレームワークです。 Node.jsを用いて簡単な落書き板のようなものをつくりました。Websocketサーバーに接続して、みんなでリアルタイムにCanvasを共有し、書き込むことができます。接続時に、サーバーに落書きデータがある場合はそれをダウンロードしてクライアントのCanvasに書き加えます。 クライアントサイドもサーバーサイドもJavaScriptで書けるって、やっぱり気持ちいいです。 対応ブラウザはSafariとChromeです。 Port:8888 をWebsocketの通信に使用しています。ウイルス対策ソフトのブロッキングやプロキシ環境下においては通信できない可能性がありますのでご

    Etsukata blog: Node.JS + Websocket でCanvas共有
    kkeisuke
    kkeisuke 2010/10/27
  • HTML5 inputs and attribute support

    A red input (followed by frowny faces) indicates the browser does not support the input type. <input> type autocomplete autofocus list maxlength pattern placeholder readonly required size text

    kkeisuke
    kkeisuke 2010/10/27
    foam input サンプル
  • Adobe MAX 2010

    開催期間: 2010年10月23日(土)~27日(水) カンファレンス開催地: 米国カリフォルニア、ロサンゼルス 今すぐ登録 (*英語) ※ ツアーでの参加受付は終了いたしましたが、Adobe MAX 2010 への登録につきましては、引き続き USサイトにて ご登録いただけます。 Adobe MAXは、世界中のデザイナー、デベロッパー、ビジネスリーダーが集い、交流を深める貴重なチャンスです。アドビと参加者がデジタルメディアの未来についてアイデアを交換する場です。 コンテンツやアプリケーションの可能性を最大限に引き出す方法だけでなく、さまざまな機器における充実したユーザー体験によって実現する新しい機会を発見できるはずです。さらに、コンテンツを収益化する新しい方法も模索できるでしょう。デザイナーとデベロッパーの共同作業をもっと効率的に行うための革新技術の情報も提供する予定です。刺激的な体験

    kkeisuke
    kkeisuke 2010/10/27
  • まさに未来的!Webカムの動きをリアルタイムに解析する·as3motion MOONGIFT

    as3motionはWebカムの映像を読み込み、解析するライブラリ。 as3motionはActionSctip3製のオープンソース・ソフトウェア。近未来を描いた映画では必ずと言っていいほど出てくるのが空中に飛び出すPC映像と、それを空中で操作する場面だ。あれが実現したとしたら、確かに非常に面白いだろう。 指先に火のイフェクトが あのレベルまではいかないが、AR(拡張現実)も徐々に進化している。リアルの映像にリアルタイムにオブジェクトを投射したり、それを動かすこともできるようになった。マーカーを使わずに映像を解析し、オブジェクトを投影するのがas3motionだ。 as3motionはFlash用のライブラリで、Webカムを使ってリアルの映像を取り込む。そしてその映像をリアルタイムで解析し、編集してPC上に表示する。例えば映っているオブジェクトに炎のイフェクトを加えて投影したりする。 ピン

    まさに未来的!Webカムの動きをリアルタイムに解析する·as3motion MOONGIFT
    kkeisuke
    kkeisuke 2010/10/27
    Web カメラ
  • Adobe AIR 2.5 開発者向けリリースノート

    [an error occurred while processing this directive]Adobe AIR 2.5 開発者向けリリースノート 対象製品コメントとレーティングを追加   | Adobe AIR 2.5 開発者向けリリースノート Adobe AIR 2.5 開発者向けリリースノートへようこそ。このアップデートには、新たに加えられた Android モバイルプラットフォームのサポートと、AIR のセキュリティ、安定性、パフォーマンス、互換性を強化する修正が含まれています。 必要システム構成 サポートされている言語 バージョン情報 AIR 2.5 の新機能 AIR 2.5 での変更点 Adobe AIR のインストールおよびアンインストールと、AIR アプリケーションのインストール ヒントとテクニック セキュリティの強化 既知の問題 フィードバック 必要システム構成A

    kkeisuke
    kkeisuke 2010/10/27
  • テキストファイルをローカルPCに保存。 – 水玉製作所

    /* * FileReferenceでテキストファイルをローカルPCに保存。 * * Flash Player 10 のローカルファイルアクセス機能 (FileReference クラス) * http://blogs.adobe.com/akamijo/archives/2008/07/flash_player_10_5.html * * */ package { import com.bit101.components.PushButton; import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import flash.net.FileReference; import flash.text.TextField; /** * ... * @author umhr

    kkeisuke
    kkeisuke 2010/10/27
    FileReferenceでテキストファイルをローカルPCに保存。
  • [TIPS]IS01/LYNXのウィジェットのサイズ | S2

    とのこと 実際にIS01で試してみました IS01です。LYNXは実機を持って無いのでテスト出来ません(誰かお願いします><) テスト方法は以下の様な1セル分(112px × 112px)の画像を表示するウィジェットを作り、いくつか並べて隙間や拡大縮小状況を確認すると言うもの。 <appwidget-provider>タグのファイルはこんな感じ <?xml version="1.0" encoding="utf-8"?><br /> <appwidget-provider xmlns:android="http://schemas.android.com/apk/res/android"<br /> android:minWidth="74dp"<br /> android:minHeight="70dp"<br /> android:updatePeriodMillis="0"<br /

    kkeisuke
    kkeisuke 2010/10/27
    android
  • Samsung GALAXY Tab Eclipse Addon - Kazzz's diary

    標題の製品の発売と共に、開発に使用するEclipse向けのアドオンが配布されている。 Samsung Mobile Innovator - Samsung Developer program for Symbian, Windows Mobile and Java インストールは通常のAndroid SDKと同様に Android SDK and AVD Managerから、以下のURLをアドオン用として追加することで行う。 http://innovator.samsungmobile.com/android/repository/srepository.xml インストールに成功するとAVD(Android Virtual Device)に、GALAXY Tabのスペックが選択できるようになっている。 スペックによると画面の密度は240dpi、デフォルトのヒープは24Mとなっていることが

    Samsung GALAXY Tab Eclipse Addon - Kazzz's diary
    kkeisuke
    kkeisuke 2010/10/27
    android GALAXY Tabのスキンを持つエミュレータ