タグ

webデザインとfirefoxに関するelrioのブックマーク (3)

  • Mozilla Re-Mix: 表示ページを自由自在に編集してソースを取得できるFirefoxアドオン「Edit Page」

    Webページの編集を行う場合や、参考サイトのソースを拾いたい場合、Firefoxなら表示→ページのソースなどでそれらのソースを表示、コピーして外部アプリで編集することになります。 このような作業は面倒なもので、編集→アップ→確認→修正などという具合にかなり面倒なことになる場合もあります。 そんなとき、表示されたアクティブページ上でそのまま編集できればかなり便利ですね。 Firefoxに「Edit Page」をインストールしておけば、そんな作業が少しは楽になるかもしれません。 「Edit Page」は、Firefoxで表示されているページを、ワードを利用しているかのごとく編集することができるアドオンで、ソースの取得や外部アプリの起動なしに表示ページを弄ることができるというものです。 アドオンをインストール後、編集したいページ上で、右クリックし、メニューから[Edit Page]を選択すればペ

  • FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」:phpspot開発日誌

    FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」 2008年07月09日- Home - Pencil Project FirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The Pencil Project」。 Pencil Projectを使えば、予め用意されているGUI部品をキャンバスにドラッグ&ドロップしてプロトタイプの画面イメージを作成することができます。 ボタンなんかも、ダブルクリックでキャプションを変えることができたり、VisualBasic、VisualC++などのアプリを使って画面デザインをしているイメージに近い操作感が実現できています。 アプリっぽい画面を作ってみましたが、超簡単です。 GUIのスタンドアロンアプリだけでなく、Webサイトにも使うことが出来ます。 HTMLを使って簡単に画面を作

    elrio
    elrio 2009/01/21
     pencilの使い方!
  • Web制作に超便利!無料のプロトタイプ作成ツール

    格的なWebデザインに取り掛かる前に作るプロトタイプ。特に受託サイトの制作やチームで制作する場合にはある程度きっちり作っておきたいものだが、「なかなかちょうどいい作成ツールがない」という人も少なくないのではないだろうか。 FireworksやillustratorからVisio、PowerPointまで、プロトタイプの制作に使えるツールはいろいろあるが、今回は無償で使える便利な専用ツールを紹介しよう。それが、オープンソースの「Pencil」だ。Firefox 3のプラグインとして動作するものだが、実際の使い勝手としては独立したアプリケーションのように動く。 使い方は簡単だ。インストールが済むと、Firefoxの[ツール]に[Pencil Sketching]という項目が追加される。Pencilの起動はここをクリックしよう。 プロトタイプを作るための基操作は、左側に並んでいるGUI部品を

    Web制作に超便利!無料のプロトタイプ作成ツール
  • 1