2009年06月28日
Fireworksのガイドラインをスクリプトで作る @ Mac
Blueprint CSSを使った場合、デザインは指定したグリッドに合わせる必要があります。全体的なデザインをいきなりHTMLで作る時は関係ないのですが、Fireworks CS3で作る場合、Blueprint CSSで使用する数値に会わせた形のガイドラインを作っておくと便利なので、ガイドライン作成のスクリプトを書いてみました。Freehandだとこの手の事は凄く簡単なんだけどなぁ。まぁJavascriptで出来るので、こちらの方が、応用は出来るとも言えます。
Blueprint CSSのデフォルトでは、幅が950pxで、コラム数24、コラム幅30px、余白が10pxになっているのですが、今回は、760pxの幅で使用したいので、コラム幅24px、余白が8pxにします。(Boksを使うと760pxに指定しただけで、コラム幅や余白はこの数字になります。)
スクリプトはこんな感じです。
var num = 24;//コラム数
var col = 24;//コラム幅
var gutter = 8;//余白
var w = col + gutter;
fw.getDocumentDOM().setGridSize({x:gutter, y:gutter});
for (i=1; i< num; i++){
fw.getDocumentDOM().addGuide(w*i, "vertical");
fw.getDocumentDOM().addGuide(w*i-gutter, "vertical");
}
このスクリプトをgrid.jsfとか適当な名前で保存して、コマンドメニューからスクリプトの実行をしてください。
グリッドの設定を余白の幅に合わせていますが、この辺は使いやすい様に変更して下さい。
関連日記
- 2008年10月17日 CSS Nite in HIROSHIMA powered by Webさわり会議 (6422)@ 広島
- 2007年10月05日 Fireworks CS3でMXML その1 (5775)@ Flash
- 2005年10月28日 Fireworks 8とFlash 8をペンタブで試してみた (5289)@ Mac
- 2008年01月10日 Flex BuilderでActionScriptプロジェクト (5146)@ Flash
- 2007年06月20日 Adobe Fireworks CS3でOsakaフォント (4852)@ Mac
- 2008年11月21日 書籍「Dreamweaver & FireworksによるオープンソースCMSテンプレートデザイン Joomla/Nucleus/Zen Cartにもデザインを!」 (4680)@ ウェブ
- 2008年01月28日 Flex Skin Design Extensions (4525)@ Flash
- 2007年10月05日 初めてのAIR(Flex SDK編) (4435)@ Flash
- 2009年12月29日 Adobe Illustratorのアンチエイリアス (4418)@ Shade
- 2010年08月22日 iPhoneアプリのダミーアイコン自動生成 (4230)@ iPod touch
- 2012年04月26日 Dreamweaver CS6 の可変グリッドレイアウト (4203)@ ウェブ
- 2009年12月10日 jQuery API extension for Dreamweaver (4139)@ Mac
- 2010年11月15日 Fireworksテーブルエクステンション (4069)@ Mac
- 2005年08月08日 Macromedia - Studio 8 (3927)@ ウェブ
- 2013年05月07日 Fireworksの未来? (3920)@ ウェブ
- 2007年03月26日 Adobe Creative Suite CS3 (3891)@ Mac
- 2005年12月06日 アドビによるマクロメディア社の買収が完了 (3874)@ ウェブ
- 2009年09月02日 Fireworksで3Dっぽい文字 (3818)@ Mac
- 2007年12月28日 Flex Builder 2 (3809)@ Flash
- 2007年10月07日 Flash Player 10 (Astro) (3783)@ Flash
- 2012年04月24日 Adobe CS6(ウェブ関連) (3562)@ ウェブ
- 2002年08月05日 フォントのアウトライン変換 (3514)@ Mac
- 2010年08月07日 iPadとiPhoneのアイコンサイズ (3495)@ 携帯電話
- 2008年08月19日 Fireworks CS4 Beta (3487)@ Windows
- 2008年08月25日 Adobe FireworksでOsakaフォント (3427)@ Mac
- 2007年10月18日 Fireworks CS3からのMXML書き出し (3324)@ Flash
- 2009年05月02日 Flash CS3が具合悪い (3288)@ Flash
- 2008年05月28日 Dreamweaver CS4とFireworks CS4のベータ版 (3231)@ Mac
- 2008年08月19日 Fireworks CS4 Beta、起動できず (3150)@ Mac
- 2008年01月28日 Freehand 7とFireworks 3 (3079)@ Mac
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。