一定期間更新がないため広告を表示しています
![Fireworksの拡張まとめ(2012年8月版) | Webデザインのタネ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8deaaa39fcc985bb5fabfd532949e78b8f264a66/height=288;version=1;width=512/http%3A%2F%2Fimg-cdn.jg.jugem.jp%2F92c%2F73210%2F20120729_2724135.png)
フォーマットはタブを切り替えることで、6つまで設定することが可能です。 例2) CSSを書いているときに、画像のwidth,heightを目視で調べて、 またエディタに戻って打ち込んで、、、という作業は続けているとすごく疲れます。 そんなときに、こんなフォーマットを書いておきます。 width:%wpx; height:%hpx; left:%xpx; top:%ypx; それで、またスライスを選択して、挿入ボタンを押すとこんなコードが吐き出されます。 width:99px; height:95px; left:47px; top:60px; あとは、挿入ボタンのとなりのクリップボードボタンを押して、クリップボードに転送して、 好きなエディタに戻ってコピペすれば楽ちんです。 フォーマットには好きな文字列をいれることが可能なので、案件や普段使っている書き方を 書いておくと良いと思います。 ま
ややうさんくさい感じのするタイトルですが、ホントの話なんです。 海外のサイトを見ていてたまたま見つけて試してみたところ「このプラグインを使えばデザイナー自身、そしてコーダーのお互いが幸せになれるっ!」と思ったので全力でご紹介したいと思います。 SPECCTRについてごく簡単に説明すると… フォント名やオブジェクトのサイズ、間隔、色などをボタン一つで建築の設計図のようにデザインの仕様を書き出せる というものです。 これまで、デザインからコーディングに取りかかる際に、ボタンのサイズやレイアウト間隔を正確に調べたりするには元データをいちいち開いたりしなければならず、地味ながら非常に手間のかかる作業が必要で、それらを一覧にできる良い方法が無いのが実情でした。 また、デザイナーからコーダーにデータを渡して、いざあがって来た時のレイアウトをみると、ところどころ変わっている部分があったりして、相互の無駄
メンバーへの指示書、自分の確認、ガイドラインの作成に役立つ、各エレメントのサイズやフォント・カラーなどのスペックをクリック一つで自動表示するFirewoks用の機能拡張を紹介します。 Specctr [ad#ad-2] Specctrの使用感 Specctrのダウンロード Specctrの使用感 Specctr Liteをインストールしてみたので、キャプチャと共に使用方法を紹介します。 メニューの[ウインドウ]からSpecctrを起動します。 Specctrを起動 Specctr Liteでは2種類のスペックを表示できます。 「SPEC」の「Width/Height」ボタンをクリックすると、エレメントの幅と高さのスペックを表示します。
フリーランスでWEB製作をされている@sou_labさんから ドラッグ&ドロップするだけでサイズ表記付きの良質なワイヤーフレームが作れてしまう 超便利なFW拡張機能の存在を教えて頂き、実際に使ってみたのでご紹介したいと思います。 FW持ってるけど使ったことない・・という方にも是非読んでいただきたい記事です!! ワイヤーフレームとは デザインにとりかかる前にサイトの骨組みを視覚化し、 要素の漏れを防いだり、全体のイメージを掴むために用意するものですよね。 実はわたしは今まで作ったことがなかったのですが、 しっかり骨組みをしておけばデザイン時・コーディング時の作業がスムーズに進みますし、作っておいて損はないモノですね。 Placeholderとは そんなワイヤーフレームですが、自分用ならともかく クライアントさんにお見せする場合は、要素ごとにwidthやheightの数値なども記載してあった方
こんにちは、イメージ担当の長谷川です。 「品質を上げれば速度が落ちるし、速度を上げれば品質が…」 デザイナーにとってはこの品質と速度が非常に悩ましいですよね。 今回は UI や Web デザインのモックアップなどを、品質を保ったままサクっとデザインするときに役立つ Fireworks の拡張機能をご紹介します。 1. 作ったデザインを崩さずにまとめて縮小できる「Smart Resize」 Web ページのデザインデータを使ってスマートフォン用など異なったサイズのデザインを作りたいときなどに最適です。 【使い方】 インストールするとコマンドに「Smart Resize」が追加されます。 サイズ調整をしたいデザインを選択して コマンド> Smart Resize > Attach を選択します。 後は黄色のコントロールポイントでサイズを調整するだけでテキストの改行などデザインを保ったまま自動的
髪型のせいか熱を吸収しやすいminamiです。 今回はFireworksの拡張のご紹介です。ときどき便利系のFireworks拡張を探すのも楽しいものですが、個人的にすごい!と思ったのでご紹介です。 QuickFireはFireworks内で使えるランチャーソフトです。名前の通りMacのランチャーソフト、QuickSilverのように使うことができます。 QuickFire 上記のURLから.mxp形式または.zip形式でダウンロードすることができます。 インストールすると「コマンド」内にQuickFireが追加されていると思います。初回起動時にキーボードショートカットについて聞かれるかと思いますが、ここは自分の好きなようにカスタマイズしましょう。 パネルを呼び出すとずらっとメニューが並んでいると思います。ランチャーというだけあって、Fireworksで行える行動がほぼ網羅されています!
ホームページのレイアウトを作成する際に画像のアタリをつけることがよくあります。アタリ画像のサイズ(数値)や説明文を簡単に挿入できる Fireworksの機能拡張 Placeholder を見つけましたのでご紹介します。 Placeholderは、 アタリ画像のサイズ(数値)を自動的に挿入 アタリ画像サイズを変更すると、数値も自動的に変更される アタリ画像内にどういった写真が入るのかを記述することができる アタリ画像の見た目を2種類から切り替えることができる …と言ったアタリ画像に関する作業が簡単にできます。 動作検証はFireworksCS4で行いました。 インストール Placeholder – Adobe Fireworks Extensions – johndunning.comからファイルをダウンロードし、Adobe Extension Manager にインストールします。 イン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く