フォント検索・ワイヤーフレーム化・グリッド表示など、web制作時に便利なブックマークレット 15 - NxWorld
閲覧ページにグリッドを表示させたりレスポンシブ確認を容易にするものをはじめ、使用されているフォント確認、ページをワイヤーフレーム化するもの、ページの表示速度やHTMLチェックを行ってくれるものなど、サイト制作時や気になるサイトのことをちょっと調べたい時などに便利なブックマークレットを紹介します。 中には拡張機能やデベロッパーツール使えば十分というものもありますが、拡張機能を入れすぎて重くなるのを防ぎたいという場合やデベロッパーツールをあまり使っていないという人には手軽で便利ですし、何より様々なブラウザで使用できるのが嬉しいと思います。 ここではブックマークレットとして紹介していますが、中にはChromeの拡張機能として利用できるものもあるので、その場合は自分が使いやすいと思う方を利用してみてください。 また、ブックマークレットによってはPCだけでなくスマートフォンなどでも十分利用できるもの
Dreamwearverでおなじみ、閉じタグコメント挿入プラグインのSublime... | おれめも v2
普段HTMLのコーディングをする際、 コードの見通しを良くするために毎回以下のように閉じタグの前にコメントをいれるようにしています。 <div id="foo" class="bar"> 〜 <!-- /#foo.bar --></div> このコメントはEmmetやZen-codingで"|c"を入力することで入れることが出来るのですが、閉じタグの後にしか出力されません。 毎回コメントを出力して閉じタグの前にカット&ペーストするのも面倒…。 「それなら作っちゃえばいいんだ！」と思い作りました。 ちょうど元カヤックの渕上さんがDreamweaverで同じような拡張機能を作成されていたので挙動を参考にしました。 この場を借りてお礼申し上げます。 コメントを生成して挿入するDreamweaver用の拡張機能を作成しました | KAYAC DESIGNER’S BLOG - デザインやマークアッ
Fireworksのライブエフェクトで描画モードを変えられる拡張機能「ChangeBlendingMode」を作りました | ウェブゴト
FireworksはCS6までで、新規開発終了というAdobeからの正式な発表があり、ワークフローの見直しを図っている人も多いようです。 僕もSketchとか色々使ってみましたが、やっぱりFireworksが一番イイッ!! てゆうか僕はメインPCがWindowsですし。 ということで今までFireworksで使いづらかった部分を出来る範囲で改良して、戦っていくことにしました。 新規開発が終了なだけでバグフィックスは続いていくみたいだし、それで安定性が増すなら、アプリは重くならずにサクサク動いて一番理想的な形になるかもしれませんしね。 ということで、手始めに「ライブエフェクト」を使いやすくする拡張機能を作りました。 とても便利なPhotoshopライブエフェクト Fireworksではフォトショップのレイヤーエフェクト機能と同様な機能でPhotoshopライブエフェクトという機能があります。
Favicon
The Export as Favicon command creates a favicon file from the current document, which must be 16px by 16px. You can create a document of this size with the New Favicon - 16X16 command. If you want to create a favicon that also contains a 32px version of the icon, the document must have a second page with a size of 32px by 32px. The easiest way to create this is with the New Favicon - 16X16 and 32X
[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)
SequenceNumSlice « スライスやオブジェクトをクリックするたびに連番をふるFireworks拡張パネル « きんくまデザイン
スライスやオブジェクトをクリックするたびに連番をふるFireworks用拡張パネルです。 インストール方法 まずMXPファイルをダウンロードしてください。zipを解凍してできたMXPファイルを使用します。 > SequenceNumSlice.mxp 1. ヘルプ > 拡張機能の管理 でAdobe Extention Managerを立ち上げる 2. ファイル > 拡張機能をインストール から、ダウンロードしたMXPファイルを選択してインストール 使い方 メニューウインドウ→KinkumaUtility→SequenceNumSlice を選択してください。 1. 「共通の名前」に共通にしたい名前を入力します 2. 「連番」は共通の名前に続く数字です 3. 「設定開始」をクリック 4. 名前を振りたいスライスやオブジェクトを順番にクリックしていきます 5. 「設定終了」をクリックして終了で
Tables
The Tables panel enables you to quickly mock up HTML-style tables without having to laboriously position each cell or border. Although it's relatively straightforward to arrange elements in a grid using Fireworks' alignment and distribution commands, as soon as the table contents change you'll need to reposition everything manually. The Tables panel automates this tedious process. Unlike the table
Photoshopの便利なスクリプトや拡張機能のまとめ
Photoshopにも便利な機能を追加できるスクリプトと拡張機能があります。こちらでも自分が使っているものや便利そうだなと思ったものをまとめました。 スクリプトの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows → C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Scripts Mac → アプリケーションのAdobe Photoshop CS5\Presets\Scripts 拡張機能はダウンロードしたファイルをクリックすると、Adobe Extension Managerが起動しますのでそちらにインストールすればOKです。 Index… PSDからテキストを抽出 レイヤー名の「コピー」を削除 Fireworks風のスライスレイヤー 選択したフォルダやレイヤーを別ファイルへ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fireworksの拡張まとめ（2012年8月版） | Webデザインのタネ