対象ページ内の全リンクを取得して、サイトのページ一覧を取得します。 基点となるページ： 再帰取得レベル: 除外： PDF JPG 出力： プレーンテキスト リスト タイトル＋URL 並び替え： する しない ※再帰取得レベルを1以上に設定すると、再帰的にページ一覧を取得します（時間がかかるので、気長にお待ちください）。 ※ソースコード中のa要素のhref属性からリンク情報を取得しています。JavaScriptで開くページは取得できない場合があります。 ※100ページを超えるサイトの場合、取得できない場合がございます。また、IPアドレス制限やログインが必要なページなど非公開領域は取得できません。 （BASIC認証領域の場合は「http://ID:PW@***.com」で取得できる場合がありますが、使用は自己責任でお願いします。） お問い合わせ

Page Layersは、すごいウェブのキャプチャアプリ。なんとキャプチャするサイトを、DIVやIMG要素ごとにレイヤー分割したPSDにしてくれるのだ！ これは素敵と言わざるをえない。 ビデオをみれば使い方は一目瞭然。URLを入力して保存ボタンを押すだけで、なんでも構造化したPSDにしてくれる。 Mac専用アプリで、AppStoreで$28.99。これは買いだと思います。 Web関係者は必須的な。

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. すべてのブラウザがWebの標準技術を適切に実装した場合、制作したWebページやWebサイトを複数のブラウザを使ってチェックする必要はなくなる。どれかひとつのブラウザで試験すれば、それ以外のブラウザでも同じように表示され、同じように動作するからだ。 たしかに、最新のブラウザとHTML5以降のWeb技術を使ったサイトではそうした傾向が強まっている。しかしながら、古いブラウザは依然として影響力のあるシェアを確保し続けているし、現実問題として、クロスブラウザテストを無視したサイト制作は現実的ではないという状況にある。この状況はまだ数年は続きそうだ。 そうした場合に利用できる有償および無償のクロスブラウザテストツ

FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」 2009年05月25日- Firefinder for Firebug :: Firefox Add-ons FirebugでXpathやCSSセレクタによってエレメントを高速に検索できるようになる「Firefinder」。 Firebugの拡張として動作し、インストールすると Firefinder タブが表示されます。 まずは css セレクタによって探してみます。 div.content で検索すると、<div class="content">がマッチします。 divだけで検索するとすべてのdivを探すことが可能です。 XPathｄｅ検索してみたところ、同じように検索が可能 マッチしたエレメントは赤色でハイライト表示されます Firebug標準の検索機能は、1個1個検索して

Internet Explorerの異なるバージョン（1, 1,5, 2, 3, 4, 5, 5.5, 6, 7, 8）を同時に起動して、確認ができる「Internet Explorer Collection」を紹介します。 Utilu IE Collection 同時起動できるIEのバージョンは、インストールするWindowsのバージョンによって異なります。 当環境（XP SP3+IE7）では、上記のキャプチャのようにIE1.5, 2, 3, 4, 5, 5.5, 6, 7, 8を同時起動できました。 ※元のIE7には特に影響はありませんでした。 古いバージョンが必要ない場合は、インストール時にチェックをはずせばインストールしないと思います。

These materials are copyright Western Civilisation Pty Ltd. www.westciv.com They are brought to you courtesy of Style Master CSS Editor and Westciv's standards based web development courses. Please see our website for detailed copyright information or contact us [email protected]. XRAY: look beneath the skin XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (inc

Wordoff applies the following rules to strip the cruft that is pasted into WYSIWYG editors from Word: Attributes are removed for all elements except gay webcams or gloryholeswallow.com s are removed Empty elements are removed Consecutive line breaks are reduced to two Wordoff is written in Python and runs on Django in Google App Engine from sheseducedme.com. It was designed as a demonstration proj

15 Must-Have Bookmarklets For Web Designers And Developers WEBデザイナ/開発者が覚えておくと便利なブックマークレット集。 起動すると、その場で画像などの要素をドラッグ＆ドロップでデザインできたりする便利なブックマークレット集です。 ReCSS - Reloads The CSS 起動すると、サイトのＣＳＳが再読込みされ、リロードすることなく見栄えの更新ができる Edit Any Website - ブックマークレット XRAY - See Details Of Any Web Element 起動するとJavaScript製のＤＯＭインスペクタが起動します。 MRI 起動してエレメントをクリックすると、クリックしたエレメントのセレクタが取得可能。 Design - Grid-Rule-Unit-Crosshair 起動すると、4

200804/29[超いまさら]Dreamweaverテンプレートって便利だね CATEGORY:Webネタblog,ツール紹介　TAG:Adobe,Dreamweaver フリーになってからというもの、個人で請け負える範囲でのお仕事をと考えると、どうしても小・中規模サイトの案件が多くなりがち。 それにくわえて、ここ最近の案件でPHPを好きに置いちゃいけないとか、クライアント側で更新したいとか、いろいろと制約のある案件が重なり、そんななかで効率的な制作進行をするためにはどうしたもんかと 思案し「Dreamweaverテンプレート」（以下DWT）を選択したのですが、これがなかなか使える機能だったりしましたので今さらながらに紹介しておこうと思います。 すでにDWTを使用したことがある方には、ホントいまさらなTIPSになるのですが、使ったことのない人のためにざっくり説明しますと、DWTって

Search Engine Journalのエントリーから、ページの構造を把握したり、コードを確認するのに便利な7つのFirefoxの機能拡張を紹介します。 注意書きが無いものは、Fx3で動作します。 7 FireFox Extensions to Explore Page Source Code

home blog labs about contact Web・コンピュータ > HTMLベースのプレゼンツールまとめ (X)HTML プレゼンテーション 作成： 2008-06-15T21:24:33+09:00 更新： 2009-04-29T01:01:46+09:00 Kanasan.JSの資料作成にHTMLベースのプレゼンツールを調べていたので、簡単にまとめておきます。 Slidy W3C謹製のプレゼンツール。綺麗なHTMLで書けます W3C Slide show Tools MT & HTML Slidy でスライドを作る | WWW WATCH 作成方法紹介 Slidyのページ＜桑原政則 使いかたの紹介。この方が作成したのかな？ HTML Slidyのプレゼン資料 色々まとめ[to-R] Slidyの資料まとめ script.aculo.usでHTML Slidyを改造[to

Free, Fast and Easy CSS webpages! | psd 2 CSS Online psd2css online converts your fantastic, creative, artistic, no holds barred web page designs into strict XHTML compliant CSS web pages automatically. PhotoShopのPSDファイルをXHTML＆CSSに一発変換できる「psd2css」 PSDファイルをアップロードすると、内容を読み取った上で、レイヤーごとにブロックが分けられた状態のXHTML＋CSSを取得できます。 簡単なPSDファイルを送ってみたところ、完全ではないですが、再現することが出来ました。 PhotoShopにも同じような機能はありますが、必要な画像のみトリミングしてくれ

markItUp!は、ドロップダウンメニューやツールバーを備えた、ブラウザ上で動作するマークアップエディタのスクリプトです。 markItUp! Universal markup editor markItUp!で編集したコードは、Ajaxによるダイナミックプレビュー機能を備えているため、即時に編集内容を確認できます。 カスタマイズ用の機能拡張やスキンも多数用意されています。 マークアップセット Basic Html set Basic Markdown set Basic BBCode set Basic Wiki syntax set Basic Textile set Basic Dotclear set 拡張機能 電卓 Eメール カラーパレット アルファベット順のソート 日付 ダミーテキストの挿入 HTMLのアドオン エスケープ処理 テーブルジェネレーター テーブル編集 BBCod

IEでのデバッグ/動作確認に便利なソフトいろいろ。 沢山あるのでまとめてみました。 IETester IE5.5, IE6, IE7, IE8でのページレンダリングを1つのソフトで一括チェックできる超優れものソフト。 Vistaでも使えるようで今後のWEB開発に必須となりそうなツール。 IEとFirefoxの同時レンダリングはCSSVistaが便利。 DebugBar IEに便利機能のついたツールバーを追加 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10% 〜 800% まで拡大/縮小表示できる( IE の Zoom 機能使用 ) 画像やFlashなどのobject も拡大縮小できます ソースコードをハイライト付きで表示 オリジナルのソースと、IEが解釈した後のソースを見比べることも可能 指定文字列ハイライト検索機能 Comp

Drawter.com - DrawAble Markup Language ドラッグ＆ドロップで描画して好きなHTMLレイアウトを作成できる「Drawter.com」。 次のように、グラフィックソフトを扱うように、範囲をドラッグ＆ドロップで囲ってブロックが作れます。 好みのレイアウトが出来たら、後は、Code メニューから「Generate Code」を選ぶだけでコードが作れます。 ブロックベースのレイアウト作成ツールはありますが、こういった自由な形に作成できるものは珍しいですね。 凄く凝ったレイアウトを作る際になかなか使えそうです。 関連エントリ 質問に答えるだけで1〜3カラムのCSSレイアウトページ生成 ビジュアルにドラッグ＆ドロップでCSSレイアウトをデザインできる「YAML Builder」 WYSIWYG型オンラインCSSデザインツール「CSSEZ」

HTMLやXMLのタグ部分のみを編集不可能にするテキストエディター「Tag Lockエディタ」v1.0が、10月16日に公開された。Windows XPに対応するフリーソフトで、編集部にてWindows Vistaでの動作も確認した。現在、作者のホームページからダウンロードできる。 「Tag Lockエディタ」は、読み込んだHTML/XMLファイル内のタグ部分のみを編集不可能にできるテキストエディター。HTMLタグを間違って削除してしまう心配がないため、Webサイトのトップページを更新するときなど、HTMLファイル内のタグを編集する必要がない場合にお勧め。 本ソフトでHTML/XMLファイルを読み込むと、テキスト全体を解析してHTMLタグの部分を自動的に赤色で表示してくれる。この赤く表示されたタグの中が編集できなくなる仕組み。なお、読み込んだあとに自分で追記したHTMLタグは編集不可の対象

WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました 2007年11月15日- My DebugBar | ToDo / Beta This new version introduces a new DOM tab with greatly improved features on the css side and is fully unicode ! WEB開発に活用できるIE版のFireBug「DebugBar 5.0 beta」を試してみました。 DebugBar をインストールすると、DebugBarツールバーとDebugBarエクスプローラーバーがインストールされます。 DebugBarツールバーでは次のことが出来ます。 ブラウザ画面のキャプチャをメール送信 カラーピッカー 特定の画面解像度にリサイズする機能 ページの表示を 10%