2011年7月14日のブックマーク (18件)

  • jQueryとCSS3でGoogle+風のアニメーション実装チュートリアル:phpspot開発日誌

    Google Plus Style Animations with Jquery and CSS3 jQueryとCSS3でGoogle+風のアニメーション実装チュートリアルが公開されています。 ブロック要素をborder-radiusによって丸くして回転させるというテクニックが使われており色々と応用できそうです。 webkitベースなのでChromeで閲覧するのがよさそうです。 一昔にこれをやろうと思ったらかなり大変な気がしますがCSS3でシンプルに実装できるのは素晴らしい。 関連エントリ ナビゲーションメニューに関する有用なjQueryチュートリアル集 IKEAの家具紹介画像っぽくイメージに注釈を入れるjQueryチュートリアル かなりクールなjQueryのメニュープラグインやチュートリアル集 PHPを使って画像をアップしてjQueryで切り抜くチュートリアル

    kkeisuke
    kkeisuke 2011/07/14
  • Adobe AIR 3 ベータ版公開 - akihiro kamijo

    AIR 3 のベータ版が Adobe Labs に公開されました。 (Adobe AIR 3 Beta@Labs) Flash Player 11 ベータ版と同様に、今回はデスクトップ版のみの公開です。先日お伝えしたように (Adobe AIR Linux ポーティングキット) Linux 版はアドビから提供されません。 また、今回はランタイムのみの公開で、SDK は提供されていません。これは、今回の公開の目的が AIR 2.7 以前のバージョンとの互換性検証が目的のため、とのことです。 AIR 3 ランタイムのダウンロードリンクはこちらです。(AIR 3 Beta for Desktops@Labs Downloads) サポートされる環境は以下の通りです。 Windows XP SP3, Vista SP2, Windows 7, Windows Server 2003 & 2008

    kkeisuke
    kkeisuke 2011/07/14
  • 正規表現を明記せず、RegExp#exec を String#split にするとちょっとハッピーに - latest log

    JavaScript の小ネタです。 UserAgent 文字列(window.navigator.userAgent) "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.814.0 Safari/535.1"から、Windowsのバージョン(6.1)を取り出すようなコードをよく見かけますね。 ちょっと前の私は RegExp#exec + parseFloat で、こんな(↓)感じにしていたり、 function getWindowsVersion() { var m = /Windows NT (\d+(\.\d+)?)/.exec(navigator.userAgent); if (m) { return parseFloat(m[1]); } return 0;

    正規表現を明記せず、RegExp#exec を String#split にするとちょっとハッピーに - latest log
    kkeisuke
    kkeisuke 2011/07/14
    String#split() + parseFloat userAgent
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    kkeisuke
    kkeisuke 2011/07/14
    画像に合わせて地図を切り替える
  • wonderfl build flash online | 面白法人カヤック

    wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

    wonderfl build flash online | 面白法人カヤック
    kkeisuke
    kkeisuke 2011/07/14
    BitmapData
  • ノイズがはいった画像をさくっと作れるジェネレータ『NoisePNG』 | 100SHIKI

    シンプルだが便利そうなのでご紹介。 NoisePNGを使えば、ノイズがはいった画像を作ることができる。 ベースとなる色、ノイズのサイズや量などを指定することが可能だ。 サイトの背景画像やらデスクトップの壁紙などに使うことができるだろう。 まぁ、それだけだが覚えておいても損はないですな。

    ノイズがはいった画像をさくっと作れるジェネレータ『NoisePNG』 | 100SHIKI
    kkeisuke
    kkeisuke 2011/07/14
  • シンプルに画像をスライドさせるJavaScript「iSlider」

    twitter facebook hatena google pocket シンプルな画像スライダーをお探しの方はjQueryプラグインのiSlider - Photo Slider - jQuery Pluginはいかがでしょうか。 設定が簡単なので、選択肢の一つとして検討ください。 sponsors 使用方法 iSlider - Photo Slider - jQuery Pluginからファイル一式をダウンロード。 <link rel="stylesheet" type="text/css" href="islider.css" /> <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="islider.js"></script> <

    シンプルに画像をスライドさせるJavaScript「iSlider」
    kkeisuke
    kkeisuke 2011/07/14
  • AndroidのXMLで2次元配列を定義してソースから呼び出す

    Androidでは文字列などのリソースをXMLで定義すると何かと便利なので、 2次元配列をXMLで定義してソースからアクセスする方法を忘れずにメモ。 XML <array name="array_parent"> <item >@array/array_sub1</item> <item >@array/array_sub2</item> </array> <string-array name="array_sub1" > <item >data1</item> <item >data2</item> <item >data3</item> </string-array> <string-array name="array_sub2" > <item >data4</item> <item >data5</item> <item >data6</item> </string-array>

    kkeisuke
    kkeisuke 2011/07/14
  • wonderfl build flash online | 面白法人カヤック

    wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

    wonderfl build flash online | 面白法人カヤック
    kkeisuke
    kkeisuke 2011/07/14
    3D
  • RequireJSを使ってみた | Branberyheag!! Lab

    ポートフォリオをつくっていて、どうしてもJava Scriptの読み込みファイルが多くなってしまう。どうしようかな・・・と思っていたら、Require.jsというライブラリを見つけた。非同期でファイルを読み込みをしてくれる便利なライブラリ。早速試してみた。 main.js(名前はなんでも良い)を用意して、この中にロードしたいJSファイルを記述する。 require( [ 'jquery-1.6.min', 'skroll', 'jquery.ba-hashchange.min', 'placedata', 'hoge' ] ); それからHTML内に <script data-main="main"  src="/js/require.js"></script> html5のカスタムデータ属性というものを使って、JSリストファイルをインクルードしている。こういうことができると便利だね。 こ

    kkeisuke
    kkeisuke 2011/07/14
  • HTML5 におけるアウトラインに関して簡単解説

    HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは? アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう

    HTML5 におけるアウトラインに関して簡単解説
    kkeisuke
    kkeisuke 2011/07/14
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    kkeisuke
    kkeisuke 2011/07/14
  • wonderfl build flash online | 面白法人カヤック

    wonderflは、サイト上でFlashをつくることのできるサービス。 通常Flashをつくるためには、Flash IDEやFlex、FlashDevelop等といったツールを使って、コードを書き、コンパイルする必要がありますが、wonderflでは、サイトにあるフォームにActionscript3のコードを書けば、サーバサイドでコンパイルを行えます。 つまり、ブラウザさえあれば、Flashをつくれます。コンパイル結果はサイト上に表示され、作成されたFlash(swf)はページ上に自動的に表示されるので、完成したFlashをリアルタイムに見ながらコードを書くことができます。 ※APIとして、はてな OpenIDを使用してネットにさえつながれば、誰もがFlashクリエイターになれます。世界中のFlashクリエイターがユーザーになるwonderflは、 文字通り、世界のFlash図鑑となってい

    wonderfl build flash online | 面白法人カヤック
    kkeisuke
    kkeisuke 2011/07/14
    Transition
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    kkeisuke
    kkeisuke 2011/07/14
    スワイプ
  • Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
    kkeisuke
    kkeisuke 2011/07/14
  • シンプル&軽快なカラーピッカー実装ライブラリ「JSColor」:phpspot開発日誌

    JSColor ? JavaScript / HTML Color Picker, Selector, Chooser シンプル&軽快なカラーピッカー実装ライブラリ「JSColor」。 デザインとしては次のようなデザインで<input>ボックスにカーソルを合わせるとポップアップして軽快に動作します。 必要十分な機能になっていて無駄な機能がないのが特徴です。単純に色を選んでもらうにはこうした軽くて無駄な機能が少なく分かりやすいものが実用的なのかも。 実装は<script>タグでライブラリを読込、<iput class="color"> とやるだけでよいらしく超お手軽。 ピッカーの表示位置を<input>の左右上下に選べたりもするみたいです。 1つの選択肢として覚えておいてもよいですね 関連エントリ シンプルUIがいい感じのカラーピッカー実装jQueryプラグイン「simpleColorPic

    kkeisuke
    kkeisuke 2011/07/14
  • プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」:phpspot開発日誌

    プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」 2011年07月13日- Extended Progress Bar プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」。 プログレスバーは処理中に表示することでユーザのストレスを軽減することが出来ますがそんなプログレスバーを実装する際に、自分のサイトにマッチしたものを手軽に作りたいというニーズがあるのではないでしょうか。そんな場合に使えるプログレスバー実装のためのjQueryプラグインです。 次のような豊富なカスタマイズオプションが用意されています ・色のカスタマイズ ・値の最小値、最大値のカスタマイズ ・クリティカル値の設定 ・バーの色設定 ・バーの進行方向 ・バーのラベル表示位置 ・多数のイベントハンドラ プログレ

    kkeisuke
    kkeisuke 2011/07/14
  • これはかっこいい! HTML5 AudioとjQueryを使った臨場感溢れるスライドショー

    ブラウザいっぱいに画像を表示し、画像のスライドやサムネイルの表示・非表示のエフェクトがかっこいいだけでなく、HTML5 Audioを使いサウンドも加えた臨場感溢れるスライドショーを実装するチュートリアルを紹介します。 デモページ ※音でます [ad#ad-2] 画像の表示はサムネイルから操作できます。 レッドの矩形は現在表示されているサムネイルで、それをクリックするとブラウザいっぱいに画像を表示します。 Fullscreen Slideshow with HTML5 Audio and jQuery ここでは、実装に使用しているスクリプトを紹介します。 jQuery ベースとなるスクリプトです。 Vegas Background スライドショーをブラウザいっぱいに表示するjQueryのプラグインです。 参考:背景画像やスライドショーをブラウザいっぱいに表示するスクリプト -Vegas jS

    kkeisuke
    kkeisuke 2011/07/14