HTML/CSS/RSSの妥当性を検証する14のツール | エンタープライズ | マイコミジャーナル
SitePoint: New Articles, Fresh Thinking for Web Developers and Designers WebサイトやWebアプリケーション、Webサービスを開発する作業工程のひとつに、作成したHTMLやCSS、RSSが適切なマークアップになっているかどうかを検証する工程がある。検証に活用できるツールやWebサービスはいくつかある。Sean P Aune氏がSitePointにおいて14 Free Tools To Validate Your HTML, CSS & RSS Feedsという記事をアップしたためチェックしておきたい。検証に使える14のFirefoxエクステンションやWebサービスが紹介されている。 14 Free Tools To Validate Your HTML, CSS & RSS Feedsで紹介されているエクステンション
【ハウツー】FirebugにHTML/CSSリファレンスをアドオン! - FireScope (1) あのプロパティの使い方なんだっけ? これからはFireScopeで一発! | エンタープライズ | マイコミジャーナル
あのプロパティの使い方なんだっけ? これからはFireScopeで一発! SitePoint.comは1月27日(米国時間)、Firebug上で動作するアドオン「FireScope v1.0.1」をリリースした。FireScopeはFirefox2-3のFirebug1.2以降で動作するアドオン。各種HTMLエレメントやCSSプロパティといった要素のリファレンスと各種ブラウザの対応状況、サンプルコードを表示してくれるアドオンだ。SitePointが公開している各種HTML, CSSリファレンスの一部をまとめた内容となっている。 主な機能は次のとおり。 HTML Elements Reference HTML Attributes Reference CSS Properties Reference サンプルコード リファレンス内検索 W3C勧告に準拠しているかどうか 各種ブラウザ対応状況(
Ajax開発にベンリ！「Html Validator」でJavaScript実行後のHTMLを検証 - builder by ZDNet Japan
Html Validatorは、その名の通りHTMLの文法を検証するための拡張機能だ。 Web Developerに付属している検証機能はW3Cのオンラインサービスにアクセスするだけのものだが、Html Validatorは自身でパーサーを持っており、ローカルの環境だけで検証を行うことができる。サーバから送信された生のソースコードだけでなく、そこに含まれるJavaScriptを実行した後のソースコードの検証が行える点も、大きな特徴だ。 加えて、Html ValidatorをインストールするとFirefoxのソースコード表示機能が拡張され、エラー発生箇所の表示や、エラー内容の表示などが行われるようになる。ソースビューワーがHTMLデバッガになってしまうわけだ。さらに、自動で修正候補のHTMLを生成する機能なども備えている。 ただし、Firefox Add-onsのサイトに掲載されているのはW
Web DeveloperでCSSとHTMLを編集してみよう - builder by ZDNet Japan
前回の「Web Developerでウェブサイトを構築・デバッグ」に引き続き、今回もウェブ開発向けのFirefoxアドオン「Web Developer」の基本機能を紹介する。 CSSやHTMLの編集 Web Developerの大きな特徴に、ファイルそのものを書き換えることなくHTMLやCSSの編集結果をプレビューできるという機能がある。 例えばCSSの場合、ツールバーから［CSS］−［CSSを編集する］を選択すると、現在のページが使用しているCSSがサイドバー（表示場所は変更可能）に表示される。これを変更し、上部の［適用］アイコンをクリックすると、その内容が表示中のページに反映される。 元に戻すには［リセット］アイコンをクリックすればよい。もちろん、編集したCSSをローカルのファイルに保存することもできる。
あると安心、孫の手アプリ
安全第一、安心第一 Webページを作成する時、「第1回：ベストなコーディングツールを探せ！（http://www.thinkit.co.jp/article/47/1/）」で紹介したような王道のアプリケーションやテキストエディタだけで頑張ることもできますが、作業を楽にするための「あると便利なアプリケーションやツール」を紹介してみましょう。 「セルフレイティング」という言葉を聞いたことはあるでしょうか。簡単に説明すると、自分のWebサイトがどのようなコンテンツを含んでいるか、特にアダルトや暴力的な表現があるかないかをに埋め込むことで、安心してWebサイトを閲覧してもらえるというものです。これはMSN（http://jp.msn.com/）などに埋め込まれています。 しかし、実際にはあまり見かけないのが現実ではないでしょうか。筆者も担当していた大手プロバイダサイトのトップページのリニューアルの
MOONGIFT: � ソースをビジュアルで確認「View Source Chart」:オープンソースを毎日紹介
IE、Firefox、Opera等、ブラウザは複数存在する。各ブラウザで同じ表示を保てればいいが、そう簡単にはいかない。特にそれまでIEでのみデザインを調整し、はじめてFirefoxで見たときなどは目も当てられないくらい乱れていることがある。 原因は様々に考えられるが、ひとつの要因としてHTMLが正確でない事が挙げられる。ブラウザがうまく表示してしまい、タグが多少抜けていてもそれが分からないのだ。そこでソースを見やすく表示してみよう。 今回紹介するフリーウェアはView Source Chart、ソースをビジュアル化し、見やすくするFirefoxアドオンだ。 通常、Firefoxのソース表示ではハイライト表示までだ。これでは横幅の長いHTMLを表示する際は不便だ。View Source Chartは構文を解析して囲みごとに色分けして表示してくれるので、ネストの間違いがあっても分かりやすい。
HTMLソースをネストでグラフィカルに表示するFirefoxアドオン『View Source Chart』 – creamu
ページのソースをもっと見やすくしたい。 そんなあなたにおすすめなのが、『View Source Chart』。HTMLソースをネストでグラフィカルに表示するFirefoxアドオンだ。 『View Source Chart』は、ページのソースをタグごとに見やすく表示してくれる。背景色や点線、実線で区別してくれたり、タグをクリックすると折り畳んでくれたりする。 インストール後、右クリックのメニューから「View Source Chart」を選ぶことで使える。 思ったよりもソースが見やすくて快適だ。 HTMLソースをネストでグラフィカルに表示、チェックして使っていきたいですね。 スカルリングのことで頭がいっぱいです。。
閲覧した内容を全て保存·Slogger MOONGIFT
「あれ、あの情報どこに載っていたんだっけ？」そう思ってGoogleで探してみるも、検索キーワードが思い浮かばず見つからない…そんな経験をした事はないだろうか。 既知の情報を探すのは意外と難しい。そこで使ってみたいのがこれだ。 今回紹介するフリーウェアはSlogger、閲覧したページを自動保存してくれるFirefoxアドオンだ。ソースは公開されているがラインセンスは明記されていないのでご注意いただきたい。 これまで、私の環境ではScrapBookを使って自動保存を行っていた。だが、全てのファイルを保存するのでサイズが大きくなるのが問題だった。また、不要なサイト（GoogleやMOONGIFTなど）のデータも保存されてしまい、後で消す必要があった。 SloggerではHTMLレベルでの保存か、テキストのみかと言った選択が可能だ。テキストのみにすればサイズはさほど大きくはない。また、正規表現など
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
