ようこそ!浜村拓夫の世界へ

    ブログ内検索

    最近の記事

    ブックマーク数の多い記事

    Blog Translation

    Powered By FC2ブログ

    Powered By FC2ブログ
    ブログやるならFC2ブログ


    FC2ブログ LOGIN

    with Ajax Amazon

    Web Developer

    このエントリーを含むはてなブックマーク はてなブックマーク - Web Developer あとで読む
    スタイルシートを使ってWebデザインするときに便利なツールがありました。

    Web Developer (本家・英語版)
    http://chrispederick.com/work/web-developer/

    Web Developer 日本語版
    http://lab.tubonotubo.jp/tools/webdeveloper/

    Web Developerは、Firefoxのプラグインで、スタイルシートの適用状態を可視化する等の機能があります。

    ●Webdeveloperとは

    Web Developerとは、ウェブ制作を補助する拡張機能です。
    拡張機能は、Firefox, Seamonkey, Flockのツールバーとして組み込まれます。
    そのため、それらのブラウザが動作する環境であれば、OSに依存せずに利用することができます。
    現在、 Windows, MacOS X, Linuxでの動作を確認しています。

    なお、このツールは米国のChris Pederick氏に許可を頂き、ローカライズを行っています。

    * クッキー、Java、JavaScript、CSSなどを無効にする
    * CSSをその場で編集する
    * フォームの各属性値を表示する
    * 画像を非表示にする
    * alt属性のない、あるいはalt属性値が空の画像を枠で囲む
    * リンクのパスを表示する
    * ブラウザの画面内を拡大あるいは縮小する
    * テーブルのセルを表示する
    * ブラウザのウィンドウおよび表示領域の幅と高さを表示する
    * HTMLおよびCSSの構文をチェックする
    * W3C/WCAG 1.0 あるいは米国リハビリテーション法508条でアクセシビリティをチェックする
    * Webページのソースコードを表示する



    Web Developerで、スタイルシートの適用状態を表示させると、マウスのカーソルを乗っけた表示領域が赤い線で囲われたボックスとして表示されます。

    Web Developer

    Web Developer

    スタイルシートを使ったデザインに慣れていない人は、Web Developerを使うと良いと思います。

    現場のプロから学ぶXHTML+CSS現場のプロから学ぶXHTML+CSS
    (2008/11/11)
    益子 貴寛堀内 敬子

    商品詳細を見る


    もともと、Infoaxiaのサイトで公開&配布していたが、現在は開発者のサイトに移行させたとのこと。

    Web Developer 日本語版サポート移管のお知らせ

    これまで当サイトにて、日本語版のダウンロード配布およびサポートを行ってきた『Web Developer』ですが、2008年3月より開発担当エンジニアの個人サイトへ全てを移管させていただくことになりました。


    関連記事

    コメント

    コメントの投稿


    管理者にだけ表示を許可する

    トラックバック

    トラックバックURL:
    http://hamamuratakuo.blog61.fc2.com/tb.php/485-b01eea6b

    FC2Ad