Bloggerに関連記事(Related Posts)を導入する方法(5)：Blogger Widgetsのスクリプト修正版 2009/12/12 | カテゴリー: Customize Blogger Template | 0 コメント | 導入後 デモ ページ (Demo Page) 概要 以前、「Bloggerに関連記事(Related Posts)を導入する方法(3)：Blogger Widgets編」でサムネイル画像機能付きの関連記事を紹介しました。が、その関連記事はサムネイル画像の大きさを容易には変えられなかったので、この記事ではそれを変えらるようにしてみました。 変更箇所 スクリプト内に記述してあったスタイル部分を全て外に出す 導入手順 1．Bloggerにログイン後、[レイアウト] → [HTMLの編集] → [ウィジェットのテンプレートを展開] をクリック。 ここで、変更が

[WEB DESIGN] typeface.js – JSを使って、セーフフォント以外のフォントをブラウザで表示 Pocket Tweet フォントデータそのものと、それに付随するJavascriptをサーバにアップすることで、セーフフォント以外のフォントをブラウザで表示できるようにするというもの。画像にしちゃうと更新性が悪くなるし、だからといってテキストを活きたまま掲載すると見た目が悪い。そんな時に使えそうです。導入の詳しい方法は「USAGE」の欄に紹介されてます。ただ.ttfのフォントデータそのものをサーバに上げる必要があるので、著作権とかそのあたりには注意が必要です。 typeface.js

North Kingdom is the creative agency for the world of gaming. We connect players and brands through unforgettable experiences and engaging platforms.

DESIGN STUDIO A #1010 6-25-8 Jingumae, Shibuya-ku Tokyo 150-0001 JAPAN

HYPE frameworkの中で最も興味深い機能の一つが Flashコンテンツを透過PNG形式保存できることではないでしょうか。 JoshaDavisさんが、Flashコンテンツを印刷媒体に使っているのを見て Flashコンテンツをどうやってベクターデータをキープしてイラレやフォトショにエクスポートするかを 1、2年ぐらい前に、l00oo.oo00lさんと何度か議論したことがあり 結局、fladdictさんがやっているようなSVGエクスポートしかないのかなぁと その時は思っていました。 しかし、このHYPE frameworkではPNG保存ができるということをアナウンスしていたので 早速試してみました。 チュートリアルで一通りチェックをした感じだとすごい簡単に出来そうでした。 ContextSavePNG from Joshua Davis on Vimeo. サンプルコード

最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio

なんか巷のFlasher方の間で流行ってるみたいなので、 手持ちのものをいくつかアップしておく。 探せばどっかにありそうなのばっかりだけども。 setInstanceName.jsfl 選択したステージ上の1つ、もしくは複数のムービークリップのインスタンス名をシンボル名と同じ名前に設定します。 getInstanceName.jsfl 選択したステージ上の1つ、もしくは複数のムービークリップのインスタンス名を出力パネルに表示します。 実行するとプロンプトが表示され、入力した文字を付加して表示します。 [$$]は複数行、[##]は1行で表示します。 setButtonLabel.jsfl レイヤーを追加し、そのレイヤーに _up, _over, _down, _disabled のラベルを付けたフレームを作成します。 BmpPropLosles.jsfl ライブラリ内

テキストフィールドに入力制限をする方法はいくつかあります。が、入力モードを制限することはTextFieldではできないです。 そんなプロパティないですねぇ。あれば楽なのにぃ・・・てな訳でIME入力モードをフラッシュで強制変更しちゃう方法です。 import flash.system.Capabilities; import flash.system.IME; //IMEモードを強制的に英数に if( Capabilities.hasIME ){ try{         // 半角英数字にする場合（直接入力の場合、IMEを使用不可にする）         IME.enabled = false;     }catch( err:Error ){     } } まず、 Capabilities.hasIME でIMEがインストールされてるかどうか確認してます。 英語圏で悠々自適に

Tweener 1.31.66 で整備された特殊プロパティを扱う際のコード記述の実例。 今回は CurveModifiers を見てみたいと思います。 このクラスで定義されている特殊プロパティは今のところ _bezier ただ一つです。 _bezier は、皆さんご存じのとおり 1.2x でも定義されていた特殊プロパティで、これを使うと Flash のビルトインメソッドである curveTo() で描かれる曲線上を、表示オブジェクトがトゥイーンします。 詳細は開発者ブログの該当ページをご覧あれ。 _bezier の使い方は今までと同じです。 Twener.addTween において _bezier:{ x:controlX , y:controlY } というふうに、cueveTo で第1引数と第2引数に該当する、x座標とy座標を組みにしたオブジェクトを指定します。 なお、近いうちに、この

<script type="text/javascript"> <!-- var strUA = ""; strUA = navigator.userAgent.toLowerCase(); if(strUA.indexOf("safari") != -1){ document.write("Safari"); }else if(strUA.indexOf("firefox") != -1){ document.write("Firefox"); }else if(strUA.indexOf("opera") != -1){ document.write("Opera"); }else if(strUA.indexOf("netscape") != -1){ document.write("Netscape"); }else if(strUA.indexOf("msie") != -1){

確認済みブラウザ 6.0/7.0/8.0 2.0/3.0 3.2.1/4.0 9.6.4 Flashで新しいウィンドウを開くときに「_blank」で開けばポップアップブロックされないようですが、サイズを指定して開きたい場合に、ポップアップブロックされることがあります。 そこで、簡単にポップアップブロックを防ぐ方法を検証しました。 Flash から windowOpen() を呼び出します。 ActionScript のコードは以下の通りです。 ActionScript on (release) { getURL("javascript:windowOpen();"); } windowOpen() のコードは以下の通りです。 JavaScript function windowOpen(){ window.open('URL.html','subWindow', 'scrollbars=y

Evelien Lohbeck, creative Dutch freelance designer, animator, concept artist. Creatieve Nederlandse freelancer gespecialiseerd in vormgeving, animatie, concept ontwikkeling.