2009年7月24日のブックマーク (20件)

  • スモークのエフェクトを描く、高解像度のPhotoshopのブラシ | コリス

    ハイクオリティなスモークのエフェクトを描く、高解像度のPhotoshopのブラシColorburnedから紹介します。

    kkeisuke
    kkeisuke 2009/07/24
  • [JS]パネルを水平方向にスライドしてエリアを拡大するスクリプト -sliding menu revisited

    jQuery sliding menu revisited demo デモではアイコンを配置した矩形のエリアにカーソルを合わせると、それぞれのパネルがアニメーションでスライドして、アイコンを変更しパネルのエリアを拡大します。 各矩形のパネルはリスト要素で実装されています。 sliding menu revisitedはjQueryのプラグインのため、実装にはjquery.jsが必要です。

    kkeisuke
    kkeisuke 2009/07/24
  • はてなブログ | 無料ブログを作成しよう

    来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…

    はてなブログ | 無料ブログを作成しよう
    kkeisuke
    kkeisuke 2009/07/24
  • CSS - col要素に有効なプロパティ | Try | d-spica

    tableの列を示すcol要素について,CSSのどんなプロパティがあてられるかのテストです。 Tried at 2007-06-10 まず,tableのマークアップは次の通り <table> <col class="col1" /> <col class="col2" /> <col class="col3" /> <col class="col4" /> <col class="col5" /> <tr> <th>項目1</th> <th>項目2</th> <th>項目3</th> <th>項目4</th> <th>項目5</th> </tr> <tr> <td>data11</td> <td>data21</td> <td>data31</td> <td>data41</td> <td>data51</td> </tr> ...... </table>

    kkeisuke
    kkeisuke 2009/07/24
  • web-coder.info

    web-coder.info 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy Policy

    kkeisuke
    kkeisuke 2009/07/24
  • リニューアル後のsitemapとjQuery-visitedとオチ - KAYAC engineers' blog

    週末キーボードを水洗いしました。agoです。 すでにだいぶ時間が経ってしまいましたが、7/7にwww.kayac.comがリニューアルしました。 リニューアルに伴いtech.kayac.comでご紹介したい点がいくつかあるのですが、今日はその中からsitemapで使用しているjQuery-Visited pluginを紹介したいと思います。 リニューアル後のsitemapではページ毎の既読率を表示しており、100%になるとイベントが発生する作りになっています。 この部分に関してはjavascriptでリンクが辿られているかどうか(visitedか否か)を判断してページの既読率を計算しているのですが、そこで使用しているjQuery-Visited pluginがIEでは動作せずwww.kayac.comではIE用にvisitedの確認を行うコードを別に作成しました。 ここで「例によってデモを

    リニューアル後のsitemapとjQuery-visitedとオチ - KAYAC engineers' blog
    kkeisuke
    kkeisuke 2009/07/24
  • jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごい:phpspot開発日誌

    mbideasproject - Project Hosting on Google Code jQuery用のGUIコンポーネントプロジェクト「mbideasproject」がすごいです。 以下、プロジェクトのホームページもOSっぽいインタフェース上でアニメーションしてかっこいいのですが、構成されるコンポーネントが色々とあるみたい。 mbContainers | デモ OSのようなウィンドウ管理システムが作れるようです このページの上でそれぞれ動作を確認することが出来ます。 mbMenu | デモ かなりリッチなメニュー実装用ライブラリ 右クリックのコンテキストメニューもいじれます mbImgNavigator | デモ 画面に収まりきらない画像をドラッグ&ドロップでGoogleMapぽく見れるコンポーネント。サムネイル付き mbTabset | デモ mbTooltip | デモ よく

    kkeisuke
    kkeisuke 2009/07/24
  • 折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」:phpspot開発日誌

    Expand table rows with jQuery - jExpand plugin 折りたたみできるクールなテーブル実装ができるjQueryプラグイン「jExpand plugin」 デモページ 右端の▼をクリックでペロンと中身が開けるテーブルをjQueryプラグインで簡単に実装できるようです。 仕組みとコードについても解説されています。 使い方は簡単で、$(#sometable").jExpand(); のように簡単に設定することが出来るようです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 Youtubeの動画URLやvidからサムネイルを簡単に取得できるjQueryプラグイン「jYouTube」 タブ、ツールチップなどクールなUIコンポーネント実装jQueryプラグイン「jQuery

    kkeisuke
    kkeisuke 2009/07/24
  • [Adobe Air] シームレスインストールではまったとこ | (SCRATCHBRAIN.BLOG v2)

    やりたいこと バッジ(インストールボタン)をウェブページに配置し、クリックされるとシームレスインストール(Adobe AirランタイムとAirアプリの同時インストール)が開始するようにしたい。 はまったとこ badge.swfを使ったシームレスインストールを実装しようとしたところ、バッジをクリックしても、Adobe Airのインストーラー画面が現れず、シームレスインストールが動作しなかった(Windowsの話。Macは動作した)。 シームレスインストールの実装サンプルはAdobe AIR SDKをダウンロードすると同梱([samples]-[badge]フォルダ)されているので、badge.flaを編集してバッジを作る。 badge.swfを使ったシームレスインストール実装は、書籍『Flashで作る AIRアプリケーション レシピブック』を参考に。 シームレスインストールが動作しなか

    kkeisuke
    kkeisuke 2009/07/24
    バッジ(インストールボタン)をウェブページに配置し、クリックされるとシームレスインストール(Adobe AirランタイムとAirアプリの同時インストール)が開始するようにしたい。
  • SharedObject? | _level0 - KAYAC Front Engineer Blog

    どうも、 カヤッククエストでコンチと夢の競演を果たせたtaichiです。 以前安藤君の記事でも取り上げられていたSharedObjectについて。初めて使った時の疑問点なりなんなりのメモと、海賊王を目指す"冒険王"こと松村さんから教えて頂いた内容を合わせて今回は書いて行こうと思います。 ・「Flashを開いた回数を調べたい」「一度目だけ説明画面を表示して、二度目に来たユーザーには説明画面は省略させる」っと言ったことが覚える際の切っ掛けになった訳ですが、そもそも初めて見たとき、 var so:SharedObject=SharedObject.getLocal("あいうえお"); っと書くその形から、「初めて見る書き方だけど、 "var"使ってるし、変数と同じってことだろ。」っと予測。「変数=何かを入れておく箱」のイメージなので初見は こんな感じでした。 ですが、これでなぜFlashが再生さ

    SharedObject? | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2009/07/24
    SharedObjectはFlashのデータをローカルで保存しておけるスペースを作る事ちなみにSharedObjectは放っておくとローカルに情報を残したままになってしまうので、2回目のプレビューから動作が確認出来なくなる
  • htmlTextを使ってHTMLタグに変換 | _level0 - KAYAC Front Engineer Blog

    こんにちは。暑い夏大好き佐藤です。早く海にいきたいですねー。 XMLでデータをうけとるときには、<や>はXMLが壊れてしまうのでそのまま埋め込むことができず、エスケープ文字にする必要があります。 ところがエスケープ文字がHTMLのタグの<や>を意味していた場合には、TextFieldのhtmlTextプロパティに代入してもうまく表示されません。 var tf:TextField = new TextField(); tf.htmlText = "1行目&lt;br&gt;2行目&lt;br&gt;3行目";//1行目<br>2行目<br>3行目と表示されてしまう 正規表現を使って置き換える方法が正攻法かと思いますが、ちょっとした方法を思いついたので書いてみます。 それは、一回htmlTextにしたものを取得してもう一回htmlTextにいれるというものです。 var tf:TextFiel

    htmlTextを使ってHTMLタグに変換 | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2009/07/24
    一回htmlTextにしたものを取得してもう一回htmlTextにいれる
  • switch(true)という書き方ができることに今更ながら気がつきました。 | _level0 - KAYAC Front Engineer Blog

    こんにちは、kijimaです。今回はちょっと地味&短いですが、最近コードを書いていて気がついたことをメモ。「今更かよ(笑)」って思った方、ごめんなさい。 if文で複数の条件の“いずれか”にあてはまる場合を調べたい場合、switch文を使って下のような書き方ができるんですね。恥ずかしながら、つい最近まで知りませんでした…。 確認のためのコードなのであらかじめtrue/falseの値を入れていますが、a,b,c,d,e,f,という条件があったとします。 var a:Boolean = false; var b:Boolean = true; var c:Boolean = false; var d:Boolean = false; var e:Boolean = false; var f:Boolean = false; ここで、a,b,c,d,e,fのいずれかの条件でtrueだったら、、とい

    switch(true)という書き方ができることに今更ながら気がつきました。 | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2009/07/24
  • ExternalInterface周りのあれこれ | _level0 - KAYAC Front Engineer Blog

    最近ECMAつながりでJavaScriptが気になって仕方ないです。 ExternalInterface APIの挙動というか実装が気なってあれこれ調べているのですが まだちょっとさわりしか触れていません。 ExternalInterfaceの実行されるタイミングが良く分からない wonderflではExternalInterfaceが使えないので今回は使えませんが、検証例 navigateToURL(new URLRequest("javascript: alert('navigateToURL - second')"), "_self"); ExternalInterface.call("alert('ExternalInterface - first')"); 下の行の方が先に実行されます。 ExternalInterface.callで返値が取れないこともある リファレンスによると

    ExternalInterface周りのあれこれ | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2009/07/24
    JavaScript 呼び出し
  • スクロールバーをつくるときのポイント part2 | _level0 - KAYAC Front Engineer Blog

    前回のスクロールバーは、計算をするところと、描画するところをわけましょうみたいな話でした。 これを具体的に実装すると次のようになります。 スクロールバーをクラス化する まえのコードのスクロールバーの部分はまるごとクラスに分離できそうなので、分けます。 Scrollbar.asというファイルにコピペして編集したのが下記コードです。 package { import flash.display.Sprite; import flash.events.Event; import flash.events.MouseEvent; import flash.geom.Rectangle; public class Scrollbar extends Sprite { private var _range:Rectangle; private var _percent:Number = 0; publ

    スクロールバーをつくるときのポイント part2 | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2009/07/24
  • FlashLite1.1をFlashDevelopで開発する | _level0 - KAYAC Front Engineer Blog

    どうも。Total Eclipseと聞くと、ついこちらの方を思い出してしまうダメ人間のNakamuraです。 日頃FlashLite1.1で携帯Flashを開発していて思うのは、Flash IDEのアクションパネルを使いたくない!という事。 あのカーソル移動や行選択時の挙動がどうも苦手で、コードヒントもあまり頼りにならず、何よりタイムラインにコードが散逸すると全体の見通しが悪くなる上に、コードの行ったり来たりでかなり効率が落ちてしまいます。 ということで今回は、来FlashLiteには対応していないFlashDevelopをムリヤリ使ってFlashLiteを快適に開発しよう、というお話です。 やり方は至極簡単。 基順不同ですが、とりあえずFlashDevelopでActionScript 2のFlash IDE Projectを作成します。 プロジェクトファイルを作成したディレクトリに

    FlashLite1.1をFlashDevelopで開発する | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2009/07/24
    携帯
  • DataGrid ドラッグ&ドロップで移動 | _level0 - KAYAC Front Engineer Blog

    海賊王をめざす男 マツです。こんにちは。 DataGrid の dragEnabled, dropEnabled をそれぞれ true にするとドラッグ&ドロップできます。しかしこれだけでは、同じものがコピーされて DataGrid に追加されてしまいます。これをコピーするのではなく移動だけしたい。 デモ mxml <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:XMLList id="items"> <item> <name>Christina Coenraets</name> <phone>555-219-2270</phone> <email>ccoenraets@fictitious.com<

    DataGrid ドラッグ&ドロップで移動 | _level0 - KAYAC Front Engineer Blog
    kkeisuke
    kkeisuke 2009/07/24
  • Matrix3Dを使って、2次元を3次元表現にする | デベロッパーセンター

    はじめに ActionScript 3.0になってから、Flashでも3Dの表現をよくみかけるようになってきました。 Papervision3Dなどの外部ライブラリを使えば、今までのFlashでは実現が難しかった3D表現もできるようになりました。 ただし、ActionScriptの知識はそれなりに必要になり、気軽に始めたい人には少しハードルが高いイメージがあります。 今回はAdobe CS4から導入されたMatrix3Dを使い、比較的簡単に3D表現ができる方法を紹介します。 Matrix3Dを使うメリット 3D表現をするのにMatrix3DとPapervision3Dのどちらを使うか悩む人は多いかと思います。 バリバリ3Dを動かすのであればPapervision3Dのほうがいいかもしれませんが、簡単に表現するにはMatrix3Dのいいかと思っています。 その理由は以下の2つのものに

    kkeisuke
    kkeisuke 2009/07/24
    Adobe CS4から導入されたMatrix3D バリバリ3Dを動かすのであればPapervision3Dのほうがいいかもしれませんが、簡単に表現するにはMatrix3Dのいいかと思っています。
  • Progressionオススメ拡張機能:Flashサイトの全ページを自動的にPDF化する「CaptureSheetMaker」 | デベロッパーセンター

    Progressionオススメ拡張機能:Flashサイトの全ページを自動的にPDF化する「CaptureSheetMaker」 みなさん、「Progression」というFlash用フレームワークをご存じでしょうか。Progressionを使えば、Flashサイトであっても、HTMLサイトのようなページ構成や画面遷移といったサイト基機能を簡単に実装することができます。すでに多くのクリエイターが利用しており、個人サイトだけでなく、企業サイトでもProgressionが採用されています。 Progressionには豊富な機能が用意されていますが、さらにProgression用拡張機能を使って様々な機能を追加することができます。そして、先頃、Progressionをもっと便利に、もっと楽しくしようと「extends Progression 拡張機能コンテスト」が開催されました。受賞作品をみる

    kkeisuke
    kkeisuke 2009/07/24
  • 『jQueryで複数ファイルを一括アップロードできる「uploadify」』

    を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます!現在、長野県長野市の制作会社でWeb作成中! Ajaxで非同期通信で画像など複数ファイルを 一括でリアルタイムアップロードできる jQueryライブラリを発見 jQueryライブラリ「uploadify」 最近、jQueryをメインで使っているのでこれは いいですね。設置も簡単です。 コピペできるように以下引用です <body> <input type="file" name="fileInput" id="fileInput" /> <script type="text/javascript"> $(document).ready(function() { $('#fileInput').fil

    kkeisuke
    kkeisuke 2009/07/24
  • trick7 RTP Live: Info Bocoran RTP Slot Online Pragmatic Play Gacor Terlengkap -

    Halo bosku! kembali lagi bersama kami situs slot terpopuler dan terupdate no 1 di Indonesia, yang menyediakan ragam permainan […]

    kkeisuke
    kkeisuke 2009/07/24
    ソート