閲覧中のウェブページ全体を単一のhtmlファイルとしてダウンロード＆注釈付けも可能な「SingleFile」レビュー
ウェブブラウザで閲覧中のウェブサイトをページ中の画像も含めて保存したいと思ったときに、HTMLファイルと画像ファイル・スタイルシートが別フォルダになることなく、単一のHTMLファイルとして保存できるブラウザ拡張機能が「SingleFile」です。 SingleFile – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/single-file/ SingleFile - Chrome ウェブストア https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle SingleFile - Microsoft Edge Addons https://microsoftedge.microsoft.com
任意のWebページの表示や内容を1つのファイルで魚拓ライクに保存するOSSのブラウザ拡張・「SingleFileZ」
SingleFileZは任意のWebページの表示やコンテンツを1つのファイルだけで保存する魚拓ライクなChromeエクステンションです。当ブログでもテストしましたが日本語でも問題なく、完璧に保存できました。 OSSとしてもソースコードが公開されています。先発のSingleFileのフォークだそうで改良されて改めてOSSとして公開されています。 永久保存の保障が無いWebサイトを保存したい事もあると思います。Webサービスの魚拓やアーカイブサービスが良く使われますが、やはり保証はないのでこのようにダウンロードできるツールの選択肢もあると良いかもしれませんね。 注意点 ダウンロードしたファイルの扱いに関する注意点はここでは割愛しますが、本エクステンションを使う際の注意点が一つだけ。 上図のように、セッティング項目の「ファイルの URL へのアクセスを許可する」をONにしておかないと閲覧できませ
これぞレスポンシブ確認ツールの決定版！OSを選ばずにウェブサイトをすぐに確認できる -Viewport resizer
ウェブページの表示サイズをデスクトップやスマフォ・タブレット用に変えてレスポンシブの確認をするツールはたくさんありますが、これはかなりおススメのツールです。 Viewport resizer Viewport resizerの特徴 Viewport resizerの使い方 Viewport resizerの高度な使い方 Viewport resizerの特徴 Viewport resizerはブラウザベースで動作するブックマークレットで、WindowsでもMac OSでも即時にツールを起動して、表示しているウェブサイトをあらゆるサイズに変更して確認できます。 フルカスタマイズが可能。 その場でサイズ変更してのカスタマイズも可能。 1クリックでスマフォやタブレットの縦・横向きを変更できます。 Media Queriesをサポート。 Metaのviewportタグを適合させます。 ページのリロ
YouTube人気急上昇
【ゆっくり実況】パトカーを進化させていくバカゲー！？最高級の車にする！！パトカーの進化がすごすぎるゲームをやりこんだらヤバすぎた…！！【 Super Car 3D 】【たくっち】
サイトを見ていてこの色いいね！と思った時にすぐコピーできるChrome拡張「Eye Dropper」:phpspot開発日誌
サイトを見ていてこの色いいね！と思った時にすぐコピーできるChrome拡張「Eye Dropper」 2012年04月25日- Chrome ウェブストア - Eye Dropper サイトを見ていてこの色いいね！と思った時にすぐコピーできるChrome拡張「Eye Dropper」 ツールバーに追加されるアイコンをクリックして「Pick color from webpage」を押すとサイトに使われている色が得られ、すぐにクリップボードにコピー可能です オプションページを開いて、「Automaticaly copy picked color to clipboard when picking from webpage」にチェックを入れておくと便利 入れておいて損はなさそうですね 関連エントリ 色をベースにフリーの背景画像や色パターンが検索できる「ColRD」 CSSのアドレスを入力すると使
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
全て同時に確認できる、スマートフォンやデスクトップなどさまざまなサイズで表示できるブックマークレット -Responsive Design Test
W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」:phpspot開発日誌
W3CのValidatorをサイト全体にかけてサイトマップも作ってくれるツール「W3Clove」 2011年12月07日- W3Clove :: site-wide markup validation tool W3C Validator の結果を一括で得られ、サイトマップのXMLも生成してくれる便利なサービスのご紹介です 最初にトップページのURLを入力すると、サイトをクロールしてくれるのでしばらく待ちます。 まっていると結果が次のように出ます。 OKなものはグリーンデ表示され、赤でエラー、オレンジで警告といった具合に分かりやすくW3C Validatorの結果が閲覧できます サイト全体で多く見られたエラーのサマリも見ることができ、どこを集中的に改善すればいいのかが分かりやすいです 関連エントリ スマフォ上で動くブラウザベースアプリ開発に役立ちそうなデバッグツール「Socketbug」
SuperSortプラグイン(Movable Type 5.1対応版ベータ1・その1)
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 カテゴリ／フォルダ／ブログ記事／ウェブページを並べ替えるプラグイン（SuperSort）のMovable Type 5.1対応版（ベータ1）を公開します。 今日は、そのインストール／基本操作／ライセンスについて解説します。 なお、このバージョンはMovable Type 5.1以降専用で、Movable Type 5.0xでは動作しません。 1.Movable Typeとデータベースのバックアップ このプラグインは、初期化の際に、個々のカテゴリ／フォルダ／ブログ記事／ウェブページに、並び順の情報を追加します。 また、プラグインのインストールの際に、親のカテゴリ（およびフォルダ）
SearchEntriesプラグインでウェブページを検索する
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 「WordPressで学ぶPHP(2)データ構造(配列・オブジェクト)編」を発売しました。 本書は「WordPressで学ぶPHP(1)変数・制御構造編」の続編にあたり、PHPの「データ構造」(配列とオブジェクト)について解説します。 配列やオブジェクトは、頭の中で考えるだけでは、イメージがつかみにくいです。本書では図を多用して、配列やオブジェクトをなるべく分かりやすく解説することを心がけました。 Kindle本で、定価250円です。 昨日、WolaWolaのoscarさんから「SearchEntriesプラグインでウェブページも検索したい」というご質問をいただきました。 その
cssの未使用セレクタをその場で複数ページ一括調査するブックマークレット・cssess
中小規模サイトの構築時に役立ちそうな ブックマークレットがあったのでご紹介します。 閲覧しているWebサイトで使用しているcss の未使用セレクタを教えてくれるブックマーク レットです。こういったWebサービスはあります が、その場でサクッと調べられるのは面倒が 無くて良いですね。 使いどころはやや限られますが、複数ページを一括で調査し、それぞれのページの未使用セレクタを知らせてくれますのでなかなか便利だなぁと感じました。 おそらくブックマークレットを使ったページからリンクされている同一ドメインページを読み込んでるっぽいのです。zipや#の付いたURLも含まれているのはそのためでしょうかね。こういうリンクがある場合はチェックをはずしてください。 ページごとに使っていないセレクタを教えてくれます。 ブックマークレットを使うと上記のような半透明のボックスが出ますので調べないページのチェックを外
はてブに登録したページを全文化してEvernoteに保存する「hatebte」 - matuダイアリー
まだローンチされたばかりのサービスのようですが、タイトルの通り、はてなブックマークに登録したページを全文化してEvernoteに保存(メールで送信)してくれるサービスが登場しました。その名も「hatebte」。「Hatena Bookmark to Evernote」の略だそうです！ 以前、Evernoteへの蓄積記事を書いたのですが、私が現在の「GoogleReaderの共有アイテム->cron->Evernote」の自動化の流れを作るまでに、「はてブ->cron->Evernote」の流れも検討したことがあったんです。その時期は、はてなの一連のページのレスポンスの悪さに、はてなに嫌気がしていて結局現在の流れになったのですが、サービスとしてこういうのが登場したのは大きいのではないでしょうか！ 利用するには、会員登録する必要があります。会員登録に必要なのはメールアドレス、パスワード、はてな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
レスポンシブの確認が快適に！ブラウザやOSを問わず各デバイスをシミュレートしてWebページを表示できるオンラインサービス