以前より公開していた

• リンク先スクリーンショットの自動生成(JQuery＋JavaScript)
• ウェブサイトのスクリーンショットを自動生成(imgタグ用)

ですが、プログラムの動作を変更しました。

» 続きを読む

Webスタンダードとアクセシビリティ・ユーザビリティなどのお話です。

Web関連でネタ的な内容が続いてしまいましたが、ここでちょっと落ち着いた内容を投稿してみようと思います。

» 続きを読む

ウェブサイトが Yahoo! と Google の検索結果で何位に表示されるかを調べるブログパーツを作ってみました。
100位以内に入っていた場合は現在の順位を表示します。
簡単に貼り付けることができるので、ご自身のウェブサイトの順位が気になる方、いかがでしょうか？
(データの更新は3日ごとに行います)

サンプル

2011年4月28日 追記 :
順位を取得するプログラム部分を 検索エンジン順位チェックAPI に変更しました。これに伴い、ご要望頂いていた Bing の検索結果も表示するようにしました。
API の利用を快諾下さった プログラム制作者様 に感謝いたします。
WEB制作に便利な Web制作小物ツール も公開しておられますので、是非一度ご覧下さい。

» 続きを読む

先日ウェブサイトのスクリーンショットを表示する JavaScript を掲載しましたが、サムネイル画像として扱いたい場合は、以下のような img タグを記述するだけで取得できます。

<img src="http://www.j-wedg.co.jp/img/?url=http://URL" alt="画像説明" width="200" height="150" />

上記コードで以下のようにサムネイル画像が表示されます。
(URL 部分に www.j-wedg.co.jp/ と指定した例)

ウェブサイトのスクリーンショット撮影と、その画像の利用には賛否両論ありますが、ウェブサイトのデータの全てはローカルコンピュータに複製された上で逐次レンダリングされている点や、 arpanet から流れるインターネットの思想、及び日本国内の著作者人格権に関する記述から、ウェッジでは虚偽のないスクリーンショットの利用に関して、法律上・倫理上問題がないと判断して、このサービスを公開しています。
上記内容に関して不安、もしくは抵抗のある場合はご利用を差し控えてください。

2010年6月16日 追記 : 動作を一部変更しました。
詳細は「ウェブサイトのスクリーンショット生成」

ウェッジのウェブサイトで利用するために作成した JavaScript ですが、需要がありそうなのでダウンロードできるようにしました。
リンクに class="previewlink" と書くだけで、リンク先ウェブサイトの縮小画像(サムネイル)をポップアップで表示します。
以下2点のおまけ機能付きです。

• リンクに title が設定されている場合、タイトルの内容をポップアップ表示
• リンクに rel="external" が設定されている場合、リンク先を別ウィンドウ表示

サンプル :

• リンク先のスクリーンショット表示
• リンクの title 要素を表示
• リンク先を別ウィンドウで表示

JavaScript が機能しない場合でも閲覧に支障はありませんので、 W3C 標準準拠でアクセシビリティ・ユーザビリティに配慮しているサイトでも気軽に導入して頂けます。
また、 CSS が書ける方はご自身のサイトに合わせてカスタマイズ可能です。

» 続きを読む