2009年1月16日のブックマーク (26件)

  • Google Code Archive - Long-term storage for Google Code Project Hosting.

    Code Archive Skip to content Google About Google Privacy Terms

    kkeisuke
    kkeisuke 2009/01/16
  • 『JavaScriptでパララックス効果ができる超軽量ライブラリ「$fx」』

    を買わずに解決するWeb制作の小技 ホームページ作成でちょっとしたことを参考書を買わずに解決する方法をPHP CSS Webデザイン jQuery Flashを中心に便利な技をまとめていきます!現在、長野県長野市の制作会社でWeb作成中!

    kkeisuke
    kkeisuke 2009/01/16
  • [ IE7.js ] - IE5, IE6 で first-child とか色々使える JavaScript ライブラリ

    [ IE7.js ] - IE5, IE6 で first-child とか色々使える JavaScript ライブラリ
    kkeisuke
    kkeisuke 2009/01/16
  • [ JavaScript ] jTip - ツールチップを表示する jQuery のプラグイン

    簡単にツールチップを設置できる jQuery のプラグイン [jTip](http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip) を使ってみたのでメモしておきます。 便利なプラグインを作ってくださった作者さんに感謝。 ## JavaScript のライブラリを読み込む ## jTip の CSS ファイルを読み込んでおく ファイル名を jtip.css とかにして、jTip 専用のスタイルを書いておけば、他のスタイルシートと混ざらないので、管理しやすくて良いかも? ## ツールチップを表示する部分のコード ### 各属性の説明 `href=”test.htm?width=300″` : 表示するツールチップの中身を書いたファイルとツールチップの幅 `class=”jTip”` : ツールチップの見た目を設定? とりあえず、

    [ JavaScript ] jTip - ツールチップを表示する jQuery のプラグイン
    kkeisuke
    kkeisuke 2009/01/16
  • JSONとActionscriptとFlashVarsとダブルクォーテーション | バシャログ。

    ActionscriptにJSONでデータを渡す時に、ちょいと引っかかったので備忘録としてエントリ。 1. as3corelibを使って、FlashVars経由でJSONデータを取り込もうとする。 swfObject内記述 so.addVariable('jsonData','{"user":[{"date":"2009/01/01","impression":"20","click":"6","entry":"1"},{"date":"2009/01/03","impression":"200","click":"8","entry":"3"}]}'); Actionscript側はこんな感じ import com.adobe.serialization.json.JSON; var flashVars:Object = loaderInfo.parameters; var json:O

    JSONとActionscriptとFlashVarsとダブルクォーテーション | バシャログ。
    kkeisuke
    kkeisuke 2009/01/16
  • un-q.net

    This domain may be for sale!

    kkeisuke
    kkeisuke 2009/01/16
  • 2009年、絶対に欠かせないFlash周辺技術、ライブラリたち

    2009年、マストなFlash周辺技術、ライブラリの11選らしいです。なんで11? hydrotik | flash development | actionscript | creative » Blog Archive » 11 Must Have Flash Resources and 11 Must Have Utilities For 2009 1. Papervision 3D + VectorVision 言わず知れたFlashで3Dを扱うライブラリ。半年前に使ってましたが、いまは中々使う機会がなく。。いまはすごく早くなってるらしいですね。 2. Ribbit 電話できるFlashアプリケーション。少し話題になったけど、日ではイマイチ聞かないですね。 3. Go + HydroTween Tweenをラクにしてくれるライブラリ。TweenerとかTweenerMaxとかあり

    2009年、絶対に欠かせないFlash周辺技術、ライブラリたち
    kkeisuke
    kkeisuke 2009/01/16
  • 繰り返しマッチする

    kkeisuke
    kkeisuke 2009/01/16
  • Flashでやってしまいがちな16個の間違った使い方 | ClockMaker Blog

    Photoshopでやってしまいがちな12個の間違った使い方 – GIGAZINEが面白かったので、Flash版として「Flashでやってしまいがちな16個の間違った使い方」としてまとめてみました。 1.シンボル化しないままトゥイーンを作成している まずは誰でも一度はやったことがあるであろう、シンボル化しないままのトゥイーン作成。ライブラリに「トゥイーン○」という名もなきシンボルが作成され、後で見返したときや他の共同作業者が非常に困ることになります。 2.テキストフィールドに直接リンクURLを設定している getURLやnavigateToURLなんてスクリプトを知らない初心者のころはテキストフィールドにURLをいれてテキストリンクを作っていました。これは演出が作れないので、慣れてくると使うことはないでしょう。 3.文字をボタンに含めたときに後ろにシェイプを敷いていない ボタンを作ったとき

    Flashでやってしまいがちな16個の間違った使い方 | ClockMaker Blog
    kkeisuke
    kkeisuke 2009/01/16
  • Movable Type で他のブログのテンプレートモジュール・ウィジェットを利用する

    Movable Type で複数ブログを作成した場合、他のブログのテンプレートモジュールやウィジェットを利用する方法です。 ここではブログBのテンプレートモジュール「hoge」を、ブログAで利用する方法を例に解説します。 1.ブログAの設定 ブログAの任意のテンプレートで、ブログBのテンプレートモジュール「hoge」を呼び出すために、MTInclude タグを記述し、blog_id モディファイアでブログBのブログIDを指定します。 ...前略... <mt:Include module="hoge" blog_id="ブログBのブログID" /> ...後略... または、MTInclude タグを MTMultiBlog タグで括り、include_blogsモディファイア(または blog_ids モディファイア)でブログBのブログIDを指定します。この場合は表示する内容によって、2

    Movable Type で他のブログのテンプレートモジュール・ウィジェットを利用する
    kkeisuke
    kkeisuke 2009/01/16
  • dTree サブカテゴリーリスト + 新着表示 for Movable Type

    「dTree」というエクスプローラー風のツリー表示スクリプトを利用した、Movable Type のサブカテゴリーリストのツリー化カスタマイズを、下記のエントリーで以前紹介しました。 dTree によるサブカテゴリーリスト for Movable Type Movable Type 4.1/MTOS のネイティブタグで dTree を実装する 今回は、ご要望を頂き、dTree サブカテゴリーリストに新着表示を組み合わせてみました。このカスタマイズを行なえば、次のように新着ブログ記事のあるカテゴリーに対し「New!」マークを表示します。 なお、このカスタマイズでは、dTree の処理上、新着マークにアンカーがついてしまいます。 そこで、JavaScript を改変して、新着マークにアンカーを表示しない方法も併せて紹介します。 なお、以下のカスタマイズを行なう前に「dTree によるサブカテゴ

    dTree サブカテゴリーリスト + 新着表示 for Movable Type
    kkeisuke
    kkeisuke 2009/01/16
    「dTree」というエクスプローラー風のツリー表示スクリプトを利用した、Movable Type のサブカテゴリーリストのツリー化カスタマイズ
  • ke-tai.org > Blog Archive > 各社の2G端末を対象としたサービスが徐々に終了中。気になるサービス完全終了の時期は?

    各社の2G端末を対象としたサービスが徐々に終了中。気になるサービス完全終了の時期は? Tweet 2009/1/13 火曜日 matsui Posted in DoCoMo, SoftBank | No Comments » 先日NIKKEI NETに、ドコモの第2世代携帯電話サービス「ムーバ」の終了時期が2012年3月末とする記事が掲載されていました。 → NIKKEI NET ドコモ、第2世代「ムーバ」12年に終了 670万人の携帯に影響 [nikkei.co.jp] しかしながら上記の記事は勇み足だったらしく、後日ドコモから「現時点では決まっていない」というコメントが行われています。 →  ケータイWatch ドコモ、mova終了報道にコメント [k-tai.impress.co.jp] 以前にも似たようなニュースが発表され、それに対してドコモがコメントを出すということが起きたことが

    kkeisuke
    kkeisuke 2009/01/16
    携帯
  • ke-tai.org > Blog Archive > Perl用の3キャリア対応CSS変換モジュール「HTML::MobileJpCSS」

    Perl用の3キャリア対応CSS変換モジュール「HTML::MobileJpCSS」 Tweet 2009/1/15 木曜日 matsui Posted in 全キャリア対応 | No Comments » Perl用の3キャリア対応のCSS変換モジュール「HTML::MobileJpCSS」がリリースされたとのことです。 → komoriyaのはてなダイアリー 3キャリア対応のCSS変換モジュールHTML::MobileJpCSS [d.hatena.ne.jp] → CPAN HTML-MobileJpCSS-0.01 [search.cpan.org] ドコモのCSSは、ヘッダ部への記述や外部CSSの利用ができないという困った仕様ため、ページの作成には非常に苦労します。 これらを解決するには、Perlでは「HTML::DoCoMoCSS」、PHPでは「HTML_CSS_Mobile」

    kkeisuke
    kkeisuke 2009/01/16
    携帯
  • 3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー

    DoCoMo,EZweb,Softbankを共通の外部CSSファイルからスタイルを反映させるモジュールを作りました。 http://search.cpan.org/~komoriya/HTML-MobileJpCSS-0.01/ 3キャリア間での変換の必要性 DoCoMoでは外部CSSを参照できずインラインのみの対応となっています。 DoCoMoのインライン化についてはid:tokuhiromさんの作成したHTML::DoCoMoCSSこちらで対応が可能なのですが、3キャリア間で共通のCSSを参照するとなると属性の指定方法に微妙な差異が問題となります。 例えば小さいフォントを表示したい時は、 DoCoMo --- font-size:xx-small EZweb --- font-size:10px Softbank --- font-size:smallと属性の値が異なります。 hrタグ

    3キャリア対応のCSS変換モジュールHTML::MobileJpCSS - komoriyaのはてなダイアリー
    kkeisuke
    kkeisuke 2009/01/16
    携帯
  • 「サイトの横幅」再論:950px時代のウェブデザイン[絵文録ことのは]2009/01/14

    以前、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論[絵文録ことのは]2006/11/25で、「実際にサイトを閲覧している人のブラウザーの横幅と、ブラウザーによる印刷上の制約から、特に画像は左端から640ピクセルくらいに収まるようにした方がよさそうだ」という結論に落ち着いた。これには、一行字数が多すぎると読みづらい、という、紙媒体の扱いも多いわたしの経験的な見方もある。 もちろん、これにはリキッドデザイン主義者の方から「ページ幅を指定するようなデザインであること自体が悪」という反応があったり、「印刷用CSSを使おう」といった反応があったりしたのだが、「印刷時のことを考えれば640pxという制約がある」という結論は特に揺るがなかった。 その後、今まで約2年経った。閲覧者の環境も変わり、当時主流だったIE6にはなかった「用紙サイズに合わせて印刷」機能を備えたIE7ユーザーも増

    kkeisuke
    kkeisuke 2009/01/16
  • IEでSelectボックスの幅を狭めつつ、内容もちゃんと見れる有用サンプル:phpspot開発日誌

    Select Cuts Off Options In IE (Fix) IEでSelectボックスの幅を狭めつつ、内容もちゃんと見れる有用サンプル IEでSelectの幅を指定してしまうと、内容もその幅に伴い、次のように縮小されてしまいますが、中身はちゃんと見せるサンプルが公開されています 次のように、ちゃんと中身は表示できるようになります。 派手なテクニックではないですが、色々なところで使えるテクニックかもしれませんね。 関連エントリ クリーンなデザインでピュアCSSなフォームを作るサンプル 斬新なコメントフォームデザイン集 CSSでデザインされたテーブルレスでクールなフォームサンプル CSSでフォームデザインをする際のチュートリアル

    kkeisuke
    kkeisuke 2009/01/16
  • 2008年に注目を集めた使えるJavaScriptライブラリ集:phpspot開発日誌

    Best of 2008 - JavaScript | Design Shack 2008年に注目を集めた使えるJavaScriptライブラリ集が紹介されていました。 どれも非常に便利でサイト構築に役立ってくれるでしょう。 sIFR Lite Javascriptでテキスト文字列を綺麗な画像にしてくれるライブラリ。 画像部分にはFlashを採用している。検索クローラーフレンドリ。 <h3>How is this different than the original sIFR?</h3> ↓ DD_belatedPNG IE6でも透過PNGに簡単に対応させられるライブラリ The EqualHeights jQuery Plugin 異なる高さのブロックを統一してくれるライブラリ ↓ DD_roundies 角丸の簡単実現ライブラリ jQuery.popeye ポップアップではなく、サイト

    kkeisuke
    kkeisuke 2009/01/16
  • 5ヶ月で1千万円売り上げたAIR アプリ:Balsamiq | thebadtiming.com

    ウェブサイトのワイヤーフレームを作る AIR アプリケーション、Balsamiq。Adobe Connect Now のプロダクトマネージャだった Giacomo Guilizzoni (通称 Peldi) が一人でやっているベンチャー。ベンチャーキャピタルからの出資ももちろん無し。2008年6月に会社を立ち上げ、Blog と口コミだけで 5週間で$10,000(約100万円)、5ヶ月で $100,000(約1,000万円)を売り上げたことでも話題になり、NYT のプロダクトレビューでも取り上げられたりました(Man Writes Software, Blogs About it, Makes $100k in 5 Months )。 手書きのイメージをそのまま UI に使っているところなど素朴な感じで、手作り感満載。ナプキンの裏を使ってモックアップを作るような手軽さ、気軽さを実現したシン

    kkeisuke
    kkeisuke 2009/01/16
  • [JS]ページ内をスムーズにスクロールできるスクリプト:更新- 3.0.5

    ページ内をスムーズにスクロールできるスクリプト:Page Scrollerの最新版「3.0.5」をリリースしました。 簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 主な変更点は、下記の通りです。 3.0.5 jQuery 1.3に対応しました。 変更内容の補足 jQuery 1.3では、[@attr]の記述が変更になり、「@」を削除する仕様になりました。 そのため、Page Scrollerのスクリプト内で使用している[@attr]の記述を全て変更しました。 ver 3.0.4からのアップデート方法 スクリプト自体の仕様の変更はありませんが、jQuery 1.3をご利用ください(jQuery 1.2.6との互換性はありません)。

    [JS]ページ内をスムーズにスクロールできるスクリプト:更新- 3.0.5
    kkeisuke
    kkeisuke 2009/01/16
  • [JS]jQuery 1.3 リリース、主な変更点など

    jQuery 1.3 and the jQuery Foundation 下記、主な変更点を紹介します。 Release:jQuery 1.3 [@attr]の「@」は、無くなりました。 アップグレードの際は、「@」を削除してください。 ※この変更点により、当サイトで配布している「jquery.page-scroller.js」も「3.0.5」にバージョンアップしました。 ready()は、スタイルシートがロードされるのを待つことを保証しません。 全てのスタイルシートは、スクリプトの前にページに配置してください。 "a, b, c"のスタイルセレクターは、将来リリースされる1.3.xで変更になるでしょう。 Standards modeで、ページを作成してください。 Quirks Modeで動作しない周知の問題があります。 詳しくは、jQuery 1.3 -Changesを参照ください。

    kkeisuke
    kkeisuke 2009/01/16
  • ねじれたリボンにテクスチャを綺麗に貼るPhotoshopのチュートリアル

    ねじれたリボンにテクスチャを綺麗に貼るPhotoshopのチュートリアルをWeb Designer Wallから紹介します。 Photo Strip (Photoshop Tutorial) チュートリアルでは、Photoshopのペンツールで描かれた「ねじれたリボン」に、画像やイラストなどをワープツール([編集]-[変形]-[ワープ])を使用して綺麗に貼り付け、ハイライトやシャドウ、ラインストロークを丁寧に調整します。

    kkeisuke
    kkeisuke 2009/01/16
  • [CSS]スタイルシートで実装するナビゲーション集 -CSS Menus | コリス

    スクリプトを使用せず、スタイルシートで実装するタブ型・ドロップダウン型・ドロップライン型・フライアウト型のナビゲーションをCSS Menusから紹介します。 CSS Menus Sliding doors-tabb [...]

    kkeisuke
    kkeisuke 2009/01/16
  • 2009年、押さえておきたいウェブデザインの10のトレンド

    2009年のウェブデザインのトレンドで押さえておきたい10のポイントをSmashing Magazineから紹介します。 Web Design Trends For 2009 1. Letterpress プレスしたようなタイポグラフィ。

    kkeisuke
    kkeisuke 2009/01/16
  • 汎用性の高いフリーのミニサイズのアイコン集 | コリス

    アロー、ビュレット、サーチ、ショッピングカートなど、20,000個以上のウェブサイトで汎用性の高いミニサイズのアイコンを紹介します。 ダウンロードはフリーで、ライセンスは各アイコンで異なります。

    kkeisuke
    kkeisuke 2009/01/16
  • 1月 2009 | APEIROPHOBIA

    肩の力がなんか取れました。 「大学でよく講演をやっていた当時、わたしはこういった。 「みなさん、芸術に手を染めなさい。どんなにまずくても、どんなにうまくても、それでみなさんの魂は成長します」と。 みんなが芸術をやるのはそのためだ。有名になりたいからでも、金持ちになりたいからでもない。自分の魂を成長させるためだ。 美術批評をいろいろ読んで不満を感じるのは、それがみんなから絵を描きたいという意欲を奪うことだ。ダンスの批評も、みんなから踊りたいという意欲を奪うことだ。 それじゃ、いけない。だれもが絵を描くべきだ。やってみると、なかなか気分のいいものだしね。だが、批評家にいわせると、斬新でないとだめ。まるで芸術にも進歩が必要だ、といわんばかり。 冗談じゃない、進歩をめざす必要はない。 芸術は一種のいたずらだ、美術家はいたずら小僧だ。 実際にはなにも起きてないが、彼らはみんなを感情的に反応させようと

    1月 2009 | APEIROPHOBIA
    kkeisuke
    kkeisuke 2009/01/16
  • スクロールすると変化しながらついてくる画像 | SIMPLE*SIMPLE

    CSSでこんなこともできるのですねぇ。すごい。 ↑ アニメーションでどうぞ(クリックすると実際のデモ画面へ)。 応用すると次のような効果も実現できますね。これもおもしろい。 ↑ シュレッダーちっくに(クリックで動作する画面へ)。 アイデア次第でいろいろ使えそうですね。 実際のマークアップの仕方は以下に詳しいですよ。 » Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)

    スクロールすると変化しながらついてくる画像 | SIMPLE*SIMPLE
    kkeisuke
    kkeisuke 2009/01/16