作業時間を10分の1にできて、デザイナーとコーダーのお互いが幸せになれるプラグイン「SPECCTR」が素晴らしい。
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
Fireworksのデザインを簡単にHTML／CSS化できるSmartCSS拡張機能
John Wylie Activata 目次 はじめに SmartCSS拡張機能の使い方 SmartCSS拡張機能のマジカルな機能 印刷用に表示 作成日:2007年9月28日 ユーザレベル:中級, 上級 製品:Fireworks この記事では、Adobe® Fireworks® CS3向けに私が開発した拡張機能「SmartCSS」を紹介します。SmartCSS拡張機能を使えば、簡単にプロ現場レベルのHTMLファイルとCSSファイルを書き出すことができます。 それでは、SmartCSS拡張機能の使い方を詳しく紹介していきましょう。みなさん、ギアを一段上げたくらい生産性が向上しますよ。 Webサイト開発プロセスの現状 現在のWebページデザインの開発プロセスといえば、以下のような工程で行われているのではないでしょうか。 Fireworksを使用してページをデザインする Fireworks上で
Fireworks＋Dreamweaver：簡単！ jQuery Mobileのテーマ＆サイトの作成 | ADC - Adobe Developer Connection
Fireworks CS6には、jQuery Mobileのテーマを作成する機能が追加されました。CS5／CS5.1向けに同様の機能を提供する拡張機能「Fireworks CSS3 Mobile Pack」がAdobe Labsにて提供されていますが、CS6では日本語化されているなどの違いがあります。 アイコンの変更 早速、jQuery Mobileのテーマを作成してみましょう。メニューから［コマンド］→［jQuery Mobileテーマ］→［新規テーマを作成］を選択すると、jQuery Mobileテーマ作成用の画面が表示されます。jQuery Mobileのデフォルトテーマには5つのスウォッチ（カラーバリエーションなもの）が用意されており、Fireworksでも初期状態では5つのスウォッチがページとして定義されています。さらに、スウォッチで共通に利用するアイコンなどを設定するページ、テ
[Fireworks]これは便利！Adobe Fireworks CSS3 Mobile Pack | バシャログ。
ここ最近はピンク・フロイドを BGM に就寝している sakai です。どんどん陰気になってきている気がします。 11/12（土）に開催される「CSS Nite in MIYAZAKI Vol.3」に出演させていただくことになりました。 近隣の方、ご都合の合う方いらっしゃいましたら是非。Fireworks や Dreamweaver を使って効率よく Web 制作をするノウハウをご紹介する予定です！（詳細は近日公開します） さて、今回は先日リリースされた「Adobe Fireworks CSS3 Mobile Pack」のご紹介です。これはなかなかイイモノですよ！ インストール 拡張機能のダウンロードはこちらから。 Adobe Fireworks CSS3 Mobile Pack Download のリンクをクリックすると、Adobe Extension Manager が立ち上がって、自
![[Fireworks]これは便利！Adobe Fireworks CSS3 Mobile Pack | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/6c06e5dc16e1d75594b70da83a3dfbacbdc01b4e/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_fireworks.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworks CS6体験版を使って驚いてしまった強化点 | Webデザインのタネ
