Fireworks から position（top と left）の値が書かれた CSS を自動生成するスクリプト | FU-Studio
最近の仕事で、大量のスライス画像を絶対配置しなければないことがあった。 座標を調べながら、手作業で CSS を書いていたのでは大変だから、CSS の座標の記述を自動的にしてくれるスクリプトを自作した。 「cssPositionGenerator.jsf」 使い方 Firewoks の PNG データを開き、座標を書き出したいオブジェクトをすべて選択 メニューバーの「コマンド」から「スクリプトを実行」を選択 当スクリプトを選択し、実行 ダイアログが出てくるので、入力窓に CSS でそれぞれのオブジェクトのセレクタとなる文字列を入力し「OK」 入力した文字列の末尾に「-（3ケタの連番）」がついたものがセレクタとなる 何も入力しなければ、スライス名やオブジェクト名から自動的に ID を作り、セレクタにする 窓内にコードの入ったダイアログが出てくるので、使用する CSS ファイルにコピー&ペースト
Multi-Border Rectangle
CSS allows a different width and color to be applied to the border on each side of an HTML element, but Fireworks' rectangles are limited to a single border color and thickness. The Multi-Border Rectangle auto shape addresses this limitation, making it easy to mock up CSS-style borders. Changing border sizes Drag any of the blue control points to change the corresponding border's width. As you dra
『Fireworksを使った大規模ウェブサイトのデザイン設計』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。アメーバ事業本部 デザイナーのパジェロです。 現在、スマートフォン版Amebaのデザインを担当しています。 今回は、大規模なウェブサイトのデザインファイルをAdobe Fireworksで制作・管理する方法を、実際に現場で使用しているファイルを元にお話したいと思います。 スマートフォン版Amebaとはスマートフォン版Amebaとは、Amebaがスマートフォン向けに展開しているサービスの中心となるプラットフォームサイトです。 Amebaにはたくさんのゲームやコミュニティサービスがあり、プラットフォームサイトはそのハブになっています。 それぞ
【Fireworks】トリミングした画像をたくさん書き出したいときに思い出してください2 | バシャログ。
こんにちは、シーブレインの toyama です。蒸し暑いよ！ サムネイル用の画像を大量に書き出す必要に迫られたときの記事を書かせていただきました。が、「他にも方法あるよ！」とおハガキいただきましたので、ご紹介させていただきます。 1.書き出したいサムネイルのサイズにキャンバスサイズを設定します。 2.サムネイル化したい画像をざくざく読み込んで（画像をすべて選択して「フレームに配分」を使うと簡単です）、1 フレーム 1 画像を配置します。 3.スライスをひとつ作成。スライスに名前をつけておきます。ここでは「test」としました。 4.画像を書き出すための「最適化」を設定したあと、「ファイル」→「HTMLの設定」→「ドキュメントの詳細」から、画像を書き出す際の命名規則を設定します。サムネイルは連番で書き出したりすることが多いと思われるので、以下のようにしました。 5.書き出しのダイヤログが出て
制作中の面倒を解決するFireworksの拡張機能のまとめ（2011年7月版） | Webデザインのタネ
一定期間更新がないため広告を表示しています
CSS Nite LP14 Fireworks特集 メモ - Takazudo hamalog
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / Fireworksのアレ フォントのサイズとか何パターンかスタイルとして定義しておくカンプのステートとは別に本デザインのステートを作り、切り替えながら作業する使う色を■で作って端に置いておき、それを1個ずつスタイルでも用意しておく。塗りや線の色を選ぶときも、スポイトツールでそのスタイルをクリックすれば色が適用されるFwで用意されているパターンは癖が強い感じのものが多いけど、フィルタで色相彩度変更すれば結構応用可能なんかオブジェクト作り、整列パネル→間隔→12pxとか選べば、12px間隔で並んでくれるので便利選択範囲をパスに変換機能パス書いてから、パス→ストロークを塗りに変換 ってやればそのあと
#cssnitelp14 fireworksで使いたいツール、エクステンションなど13選 | outloger.com
Yoropan blog - Fireworksに入れてみた機能拡張機能拡張いろいろFireworks AutoBackup utility - Adobe Marketplace - Offering Detail自動バックアップツール。adobe謹製Tool Force Software | ForeverSave Lite自動保存ツール自動化のすすめ（Fireworks CS4 コマンドでより効率化！） - EC studio ...(none)Fireworksでマルチアイコンのfavicon.icoを書き出す。｜linker journal ...(none)Fill With Background - Adobe Fireworks Extensions - johndunning.comボタンの文字を消すアレOrange Commands | workflow automat
Fireworks用のウェブデザインの無料素材がダウンロードできる -Webportio
アイコン、ボタン、リボンをはじめ、フォーム、スライダー、ツールチップ、メニューなどウェブデザインでよく使用されるようなエレメントをFireworks用のファイルで配布しているサイトを紹介します。 Webportio Graphical resource of Adobe Fireworks [ad#ad-2] 素材の利用にあたってはウェブサイト・ソフトウェアなど、個人でも商用でも無料で使用できます。また、利用の際にはバックリンクの必要もありません。 お願いとして、このサイトを何らかの形で広めてくれると嬉しい、とのことです。 素材はウェブデザインによく利用するエレメントも数多くあり、下記にいくつか紹介します。
オリジナルツール / Fireworks用オリジナルコマンド(jsf)一覧 (PIXEL LAB)
Fireworks用のコマンドファイル(JSF)を公開します。 業務の中でブラッシュアップしてきたコマンド集なので、年がら年中、Fireworksを使ってる方には、便利なコードがいくつかあるとおもいます。 ■ビデオチュートリアルに関しての注意点 チュートリアルビデオのFireworkの画面中に、右側にCommandsというパネルがありますが、インストールしているコマンドをボタンとして利用できる拡張機能です。 以下のサイトで配布しています。いろいろFireworksの拡張機能があります。 johndunning.com/fireworks http://johndunning.com/ ■コマンド / ドキュメント関連
Fireworks texture gallery
Fireworksで使えるテクスチャファイル300種類を無料で配布しています。商用利用も可能です。ライセンス Fireworks texture galleryで配布してるテクスチャ画像（png形式）は、以下のルールを守ってダウンロードをしてください。 商用利用も問題ありません。Webサイトだけではなく、印刷物などに利用していただいても構いません。 Fireworksなどの画像加工ソフトで加工していただいても構いません。 著作権は放棄してません。許可なく素材として再配布することは禁止してます。 更新履歴 2009年5月21日 Fireworks texture galleryをリリースしました。 「水平線」「垂直線」「円」「斜線」「星」「和風」「チェック」「花」「ハート」「ダイヤモンド」「モザイク」「雪」からなる12のカテゴリ、300種類のテクスチャを公開しました。
【Fireworks】スライスに一括で連番をつけてくれるコマンド | バシャログ。
地元では BS が映らなくなったり停電したりするほど雪が降ったのに、馬車道にはまったく雪が残ってないのはどういうことでしょう。 toyama です。同じ横浜市なのに… スライス、してますか？ Fireworks のウリのひとつに「Web 制作に欠かせないスライス機能」があるわけですが、今日はそのスライス機能をさらに便利にしてくれるコマンドをご紹介します。 スライスに連番をつけてくれるコマンドです。 その便利さたるや、もっと早く出会いたかった！今までの自分がバカみたい！というレベルです。 1.コマンドをインストール PIXEL LAB さんから Fireworks 用オリジナルコマンド（jsf）をダウンロードしてインストールします。 2.スライスを設定 例として、こんな感じのサイトを作っているとしましょう。 グローバルナビや画像にスライスを設定します。 矩形スライスを使うと早いです。 3.コ
iPhone GUI as Rich Symbols for Fireworks | jcorrea.es
Last week I was wasting my free time (just a few hours :) vectorizing iPhone GUI to make a Fireworks Library. As it has several combinations, buttons, backgrounds, etc, I wrote some lines of code (with a little help of my friends sofanaranja and mamuso) to improve the simple vector symbols into rich symbols, with some variables. kekoponte also help me beta-testing. I don’t have enough time to wast
Fireworksの素材集決定版 – creamu
Fireworksで使える素材を探している。 そんなあなたにおすすめなのが、『An Explosion of Adobe Fireworks Resources』。Fireworksの素材集決定版です。 ライブラリやパターンやシンボル、スタイルやシェイプなど、かなりたくさんの素材が揃っていますね。 かっこよくて使えそうなのをいくつかご紹介します。 Arrows 矢印がいろいろ入っているライブラリ Kaliber Patterns 種類がたくさんあるパターンファイル iPhone GUI as Rich Symbols for Fireworks iPhone用のGUIシンボル 150 Fireworks Styles (Gradient Effects) グラデーションスタイル150 15 Grunge Colors Styles グランジ系のカラースタイル 131 Ultimate We
FIREWORKS ZONE | プラグインなど
September 12, 2017 Guide On How You Can Build And Enhance Collaboration With SharePoint SharePoint is a powerful application that empowers teams with dynamic and productive sites for every department, division and project team. The application makes it easy to share files, resources, and news enabling team members inside and outside the organization to collaborate effortlessly and securely across
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe Fireworks CS5 *Adobe Fireworks CS5
Spacer
http://fireworkswireframingkit.com/
ON-IN
Design Dock -デザインドック- » Blog Archive » Fireworksの機能拡張で便利なガイドいろいろ
Aaron Beall - Fireworks Guru