閲覧中のウェブページ全体を単一の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
AnyGrids - 高機能なテーブル表示ライブラリ
業務システムで最もよく使うのが一覧でのデータ表示ではないでしょうか。多くはテーブルタグを使って構築しますが、ソートや表示するデータの多様さによって、より多機能を求められます。 今回紹介するAnyGridsはビジネスデータの表示に特化したライブラリとなっています。業務システムでのデータ表示に一役買ってくれそうです。 AnyGridsの使い方 デモです。アイコンやグラフを表示しています。 一つの行を複数段で表示できます。 ページネーション、ソートが備わっています。 グラフはマウスオーバーに対応しています。 AnyGridsの主な機能はページネーション、ソート、子供の行サポート、集計行、グラフ連携となっています。データ自体はJSONの配列で設定します。細かな表示部分を作り込まない分、実装が手軽になりそうです。 AnyGridsはJavaScript製のソフトウェア（ライセンスは独自）です。 An
任意のWebページの表示や内容を1つのファイルで魚拓ライクに保存するOSSのブラウザ拡張・「SingleFileZ」
SingleFileZは任意のWebページの表示やコンテンツを1つのファイルだけで保存する魚拓ライクなChromeエクステンションです。当ブログでもテストしましたが日本語でも問題なく、完璧に保存できました。 OSSとしてもソースコードが公開されています。先発のSingleFileのフォークだそうで改良されて改めてOSSとして公開されています。 永久保存の保障が無いWebサイトを保存したい事もあると思います。Webサービスの魚拓やアーカイブサービスが良く使われますが、やはり保証はないのでこのようにダウンロードできるツールの選択肢もあると良いかもしれませんね。 注意点 ダウンロードしたファイルの扱いに関する注意点はここでは割愛しますが、本エクステンションを使う際の注意点が一つだけ。 上図のように、セッティング項目の「ファイルの URL へのアクセスを許可する」をONにしておかないと閲覧できませ
無料でウェブページ、写真、ファイルなどをオンライン上で管理して他人と共有できるウェブアプリ「Pearltrees」を使ってみた
自分が興味のあるウェブページ、インターネット上の写真や、ローカルのファイル、PDF形式の文書など、さまざまなコンテンツを「アイコン」の形で1つのページにまとめて保存できるのが「Pearltrees」です。自分だけのコレクションが作って他人と共有できるウェブアプリとのことなので、実際に使ってみました。 Pearltrees https://www.pearltrees.com/ まずは上記のURLから公式ページにアクセスして、アカウントを作成します。Twitterアカウント・Facebookアカウント・Googleアカウントでもログインが可能ですが、今回はアカウントを作成することにします。アカウント名・メールアドレス・パスワードを入力して、「join」をクリック。 アカウントのプランを「Public」(無料)、「Personal」(月間2.99ドル・約331円)、「Advanced」(月間4
Performance-Analyser - Webサイトパフォーマンスをレポートするブックマークレット MOONGIFT
Webサイトのパフォーマンスは高いに越したことはありません。遅いサイトはあっという間に訪問者から離れられてしまいます。また、最初はパフォーマンスが高かったのに、更新を繰り返す度に徐々にパフォーマンスが劣化していくというのもよくあることです。 だからこそ定期的にパフォーマンスチェックを行わなければいけません。そのためのツールになりそうなのがPerformance-Analyserです。 Performance-Analyserの使い方 Performance-AnalyserはChrome ウェブストアで配布されていますのでインストールは簡単です。 インストール後、任意のWebサイトでPerformance-Analyserを実行します。 リクエスト数、表示時間などが分かります。 ナビゲーションタイミングやアクセスしているドメインの種類。 リソースの種類。 リソースを取得しているタイミングに
Top 10 Best Luxury Watches News | Invisible – 2019 Most Popualr Watches News
An excellent timepiece is a signal of success and confidence. Unfortunately, that also means they come at a hefty price tag. Brands like Omega, Patek Phillipe, and Tag Heuer are extraordinary watches (with extraordinary costs, too). If you want all the style and prestige that comes with a luxury watch but are looking to be sensible with your money, a replica watch might be the right fit for you. G
20 Free Pagination PSDs for Web Designers | Webdesign Core
Filed Under (Freebies, Photoshop) by WDCore Editorial on 03-10-2012 Tagged Under : PSD File In this round up, we have a collection of 20 smart, colorful, and free pagination PSD files for the web designers. This collection gives your website an appealing look and helps you in your forthcoming projects. PSD files are very helpful for the web designers because they make the work of designers easy an
YouTube人気急上昇
【ゆっくり実況】パトカーを進化させていくバカゲー！？最高級の車にする！！パトカーの進化がすごすぎるゲームをやりこんだらヤバすぎた…！！【 Super Car 3D 】【たくっち】
Facebookページの制作に役立つ、タイムラインとニュースフィードの新レイアウトに対応したPSD素材
Facebookのタイムラインとニュースフィードをピクセル単位で忠実に再現したテンプレートのPSD素材を紹介します。 PSDは制作に利用できるようすべて編集可能な状態です。
Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」
TOP > Design , Photoshop , WebDesign > Facebookページ制作のためのpsdセット「Free download psd Facebook new fan page GUI」 Facebookに関する制作もWEB制作者の方であれば、個人的にでも仕事でも徐々に増えてきたのではないでしょうか？今日紹介するのは3月末にアップデートされる新タイムラインに対応したFacebookページのpsdテンプレートセット「Free download psd Facebook new fan page GUI」です。 新しくなったタイムラインのベースに、変更できる部分がわかりやすく、サイズと共に記載されていて、制作者側の視点で製作された便利なpsdとなっています。 詳しくは以下 タイムラインの他にも新しいサイズになった、アプリ側のpsdなども同封されており、これが
商用利用も無料、Facebookファンページの作成に役立つPSD素材（ワイヤーフレーム付き）
ピクセル単位で正確につくられた、FacebookファンページのGUIがまとめられたPSD素材を紹介します。
.htaccessを使ってHTTPヘッダーにrel=
Official Google Webmaster Central Blog によると、Googleウェブ検索のクローラーが、HTTPヘッダーで指定される「rel=”canonical”」のサポートを開始したとのことです。 » Official Google Webmaster Central Blog: Supporting rel="canonical" HTTP Headers これはなんですか？ 通常「rel=”canonical”」はHTMLのheadタグ内にlink要素として記述します。 <link rel="canonical" href="http://blog.fkoji.com/2011/06151739.html" /> URLの正規化対象がHTMLページであればこれで良いのですが、例えばPDFドキュメントのようにHTML以外のURLを正規化したい場合には当然使えませ
よく使うフォルダやURLなどへショートカットを設定し、一発アクセスできるフリーソフト「Quick Cliq」
PC作業の中で頻繁に使うファイルやプログラムが深い階層に置いてあると非常に面倒です。たとえデスクトップにショートカットを作ったとしても今度はデスクトップが散らかってしまいがちになり、整理に苦労をした経験がある人も少なくないのではないでしょうか。 「Quick Cliq」はショートカットキーかマウスジェスチャーを使うことでどんな場所からでも起動することができ、フォルダやファイル、プログラムにURLなどの好きな場所へと素早くアクセスできるソフトウェアです。豊富なカスタマイズが可能で、クリップボードの拡張やメモの挿入などの機能も備えています。なお、対応OSはWindows XP以降のOSです。 具体的な使い方の詳細は以下から。Apathy Softworks | Portable Launcher- Apathy Softworks http://apathysoftworks.com/ 上記ペ
会社案内ページでユーザの印象を良くする方法 (ユーザビリティ実践メモ)
ユーザが商品・サービスの購入を検討する中で、ウェブサイトを使ってその商品を扱っている会社の信頼性をチェックする場合があります。 特に、一旦契約したら継続的な関係が維持される金融サービスや、単価が高い不動産などの場合、その傾向が強いことが弊社のユーザ調査でも良く観察されています。 今回は会社情報でユーザの印象を向上する方法についてご紹介します。 自分がよく知らない会社に対して、ユーザは「この会社は安心・信頼できるか」 「マイナスとなる点がないか」という観点から情報をチェックします。具体的には「会社概要」「沿革」「役員構成」などに加え、金融系では「IR・財務情報」、不動産系では「取得免許の更新回数」などがチェックされやすい項目です。 これらの項目の中で大きなネガティブ要素があった場合、ユーザはその会社を選定対象から外してしまいますが、大きな問題がないと思ったら会社情報のチェックを終了し、引き続
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Website flowcharts: download free wireframes in PSD, AI, SKETCH
【保存版】プレゼンにいい！Webページやスマホアプリを魅せるモックアップ用の高品質な無料素材のまとめ
http://www.webdesigncore.com/2014/01/27/25-free-pagination-psds-for-web-designers/
ウェブUIの設計時に使える、ワイヤーフレーム用の無料のPSD素材