タグ

2011年6月30日のブックマーク (4件)

  • MacRubyでアプリケーションを作る前準備 - Sexually Knowing

    MacRubyをインストールする % rvm install macruby RVMでやるのがかんたん。 HotCocoaをインストールする ferrous26/hotcocoa · GitHub rubygems.orgにアップロードされているバージョンはMacRuby 0.10だとうまく動かないけど開発が滞ってるっぽい。forkしたバージョンをインストールする。ドキュメントも整ってるので読む。 % macgem install yard # 依存しているライブラリ % git clone --depth 1 git://github.com/ferrous26/hotcocoa.git % cd hotcocoa % macrake install BridgeSupport Previewをインストールする % wget 'http://www.macruby.org/files/B

    MacRubyでアプリケーションを作る前準備 - Sexually Knowing
  • iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」:phpspot開発日誌

    Attach a function to iOS’s shake ? gShake | Webification iOSのシェイクイベントを取得できるjQueryプラグイン「gShake」。 このプラグインを使うことで、iPhoneをシェイクした際にブラウザ上でイベントを起こして処理を行うことができるみたいです。 iOS4.2以降で動作するそうです。 実装にはライブラリを読み込んで次のようにコールバックを設定するだけのようです。 動きなどは検証していないのですが、HTML5ベースでアプリケーションを作るぜ、という場合に便利に使うことができるかも。 関連エントリ スマフォでも使える3Dカルーセル実装jQueryプラグイン「Cloud Carousel Touch」 異なるサイズの画像を並べて瞬時にサイズを揃えられるjQueryプラグイン「MyThumbnail」 レイアウトに関する強力なjQ

  • IE6対応!jQueryで透過PNGのロールオーバーを作る (1/3)

    透過PNGに対応したロールオーバーのサンプル。メニュー画像は半透明になっており背景が透けている。IE6を含むクロスブラウザーに対応している(画像クリックでサンプルページを表示します) ロールオーバーの基部分をおさらい 「透過PNG対応」といっても、IE6以外のブラウザーでは単に透過PNG画像を用意するだけですので、通常のロールオーバーと変わりません。まずは前回のおさらいをかねて、通常のロールオーバーを作成しましょう。以下のようなHTML/XHTML(以下、HTML)を用意します。メニューはul/li要素で記述し、img要素のclass属性には「rollover」を設定します。ここでは、次のような半透明の透過PNG画像を用意し、img要素のsrc属性に指定しています。 ▼サンプル01(HTML部分) <ul> <li><a href="#"><img src="images/jquery.

    IE6対応!jQueryで透過PNGのロールオーバーを作る (1/3)
    monyurin
    monyurin 2011/06/30
  • Flashの上に画像やテキスト、DIVを重ねて表示する方法 | zaru blog

    Flashの上に画像やテキストを重ねて表示できないかなーと思って試してみたら普通にできたのでまとめ。とりあえずサンプルを見るのがわかりやすい。 サンプル 重ねて表示する方法:HTML + CSS 大事なのはFlashを描画する<object>タグの部分。 <param name="wmode" value="transparent" /> <embed wmode="transparent" ... /> この2つをしているすればIE6〜/Fx3〜/Safari3〜/Chromeで、無事にDIVによるテキストの重ね合わせ・背景色の重ね合わせ、透過PNGの重ね合わせを表示できた。透過PNGに関してはIE6対策にJavaScriptのライブラリを導入している。 IE6透過PNG対策JS – DD_belatedPNG 今回初めてこの透過ライブラリ使ってみたけど、結構良いかもしれない。 #tes