複数タブを一括保存したい時に便利なChrome拡張機能Toby | SONICMOOV LAB
Chromeブラウザで調べ物をする際に複数のタブを開いて様々なサイトを閲覧中に、一旦その作業をストップし開いているタブを閉じなくてはいけない状況が発生することもあるかと思います。 しかし、一旦それらのタブを閉じて再度開くとなると手間がかかりますよね。そんな時にはChromeの拡張機能Tobyを使うといいでしょう。 関連：【便利】WebディレクターにおすすめChromeアドオン10選（基本編） Tobyとは？ Tobyは、Business Insiderなど著名なWebメディアでも取り上げられたタブ管理用のChrome拡張機能です。 もっとも大きな特徴としては、開いているChromeのウィンドウの複数タブを1つのセッションとして保存できるということです。セッション保存したタブは、ワンクリックで簡単に復元することができるので、乱雑に開いている複数タブの閲覧の中断・再開をスムーズに行うことができ
Chromeが重いので軽量化する - taoru's memo
OS:Ubuntu11.04 Let's note CF-W5 すること ・IPv6の無効化 ・ChromeのDNSプリフェッチの無効化 結果から先に言うと 超快適になった Core2Duo メモリ1G だけどまだ戦える気になった。 - 以前、IPv6無効化の記事を書いた。 「ipv6」の検索結果 - taoru's memo このときはポータブルUbuntu9.04だったので、こちらでも設定してみる。 以前とは若干変わっていて、 設定ファイルが /etc/sysctl.d から /etc/sysctl.conf に変更 追記項目が net.ipv6.all.disable_ipv6=1 から net.ipv6.conf.all.disable_ipv6 = 1 net.ipv6.conf.default.disable_ipv6 = 1 に変更 でOKっぽい。 参考：BackTrack
IE8・IE9をクラッシュさせるシンプルなCSSコードが見つかる
わずか1行でInternet Explorerをクラッシュさせてしまうコードというものもありましたが、今回見つかったコードも、CSSに数行足すだけでInternet Explorer 8と9をクラッシュさせることが可能です。 Benutzer:Schinken/CSS-IE-Crash – Hackerspace Bamberg - Backspace http://www.hackerspace-bamberg.de/Benutzer:Schinken/CSS-IE-Crash デモページはこちら、IE8・IE9だとアクセスした瞬間にクラッシュし操作不可能になるので注意。 http://schinken.github.io/experiments/iecrash/crash.html 実際にIE8でアクセスしてみたところ、ページにアクセスしたとたんに一切の操作を受け付けなくなり、そのまま
僕はtext-overflowを使いこなせない。 - KYOHON
2013-04-07 僕はtext-overflowを使いこなせない。 CSS はてなブログのテーマを作っている時に、サイドバーの最近のエントリー(New)が長すぎた場合に改行されてスッキリしなかったので、CSSで省略すれば良いことに気づき、以下のようなコードを追加しました。 #hogehoge { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } 適用するとモダンブラウザではこのような感じに。 上記のコードでChrome、Safari、FireFox、Operaでは正常に省略されることを確認したのですが、IEだけ省略されず、「IEかわいいよIE」と半分諦めていたのですが、スッキリしなかったので調査しました。原因ははてなブログの共通CSSで指定している以下のコードでした。 チェックを解除すると省略されまし
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
CSS3 でふわふわナビゲーション - 一角獣は夜に啼く
『超次元ゲイム ネプテューヌmk2』 の公式サイト を見てたら、ナビゲーションリンクがふわふわしてておしゃれな感じだったので、似たような動きをするものを CSS3 で実装してみた。 (元は Flash ぽい。) ↑ こんなの デモ 実際のコード JSFiddle にあるので興味があればどうぞ。 ふわふわナビゲーション - jsFiddle 使ってるもの 以下のような CSS の機能を使ってみた。 CSS Animations : CSS Animations CSS アニメーション - Web developer guide | MDN CSS Transitions : CSS Transitions transition - CSS | MDN CSS Transforms Level 1 *1 : CSS Transforms transform - CSS | MDN メモ ふわふ
jQueryとJavaScriptでページ離脱時にAjaxをJSON送信する | debate
必要だったので、jQueryとJavaScriptでユーザがページ離脱したときに、Ajaxを送信したりイベントを実行しようとしたのですが、あまりにもFirefox(FF)、Safari、Chrome、InternetExplorer(IE)での挙動が違ったので、備忘録的にメモ。 結論からいうと、最終的にはIEと、FF、Safari、Chromeの２種類のブラウザを判定してAjax送信方法を切り替えるという方法で実装しました。 まずはページを離脱したときに動作させるjquery ユーザがページを離脱したときに確認分を出すコード。 $(window).on("beforeunload", function() { return "本当に移動しても良いですか？"; }); beforeunloadってのがページを離脱するときに動作するのですが、IEだとリンク内のJavascriptなどにも動作し
Greasemonkey スクリプトの書き方：experiment：So-net blog
Greasemonkey とは Mozila Firefox のアドオンである。Firefox が HTML を表示するときにユーザが記述したスクリプトを適用することができる。これにより、例えば、Google 検索結果で 10 件以上結果があるときに、いちいち次のページに移動しなくても、自動的に次のページを読みこむスクリプトを記述できる。 ちなみに、grease monkey という熟語には New College English-Japanese Dictionary, 6th edition (C) Kenkyusha Ltd. 1967,1994,1998 によると 【名】【C】 《俗》 （自動車・飛行機の）修理工, 整備士. という意味がある。 Greasemonkey スクリプトの書き方については Dive Into Greasemonkey で公開されているマニュアルがとても詳
ChromeのUser Scriptを手抜きで書いてみた - kanonji’s diary
ChromeはOperaの様にUser Scriptとして、Greasemonkey的なスクリプトが拡張機能無しに動かせるんだとか。そう話だけは聞いていて、ちょっとやりたい事が出てきたので書いてみました。 とりあえず書く (function(){ console.log(document); })(); ただ普通にJavaScriptを書くだけでOKでした。一応グローバルスコープを汚染しないように関数に入れたけど、User Scriptのファイルのグローバルって、他のUser Scriptや拡張機能、ロードしたページのグローバルと同じなのかな？ここ調べてなかった。 ファイル名 *.user.js Greasemonkey的なスクリプトは、コードの前に色んなメタ情報をコメントで書けるし、書かないと動かないブラウザもあるらしいけど、ChromeのUser Scriptはコードだけでも動作する。
補足編：機密情報を含むJSONには X-Content-Type-Options: nosniff をつけるべき - 葉っぱ日記
「機密情報を含むJSONには X-Content-Type-Options: nosniff をつけるべき - 葉っぱ日記」の補足編です。 結局、よくわからないんだけど。 よくわからない場合は、とにかく全てのレスポンスに X-Content-Type-Options: nosniff をつけましょう。 機密情報を含むJSONにX-Content-Type-Options:nosniffをつける理由はわかったけど、「あらゆる」コンテンツにつける理由はなぜ？ 機密情報を含まなくても、<script>のような文字列を含むコンテンツをIEで直接開いた場合にはXSSにつながる可能性もあります。どのようなコンテンツにX-Content-Type-Options:nosniffが必要かを考えるくらいであれば、全てのコンテンツに付与したほうが間違いがなくていいでしょう、ということです。 IEのためだけの問
機密情報を含むJSONには X-Content-Type-Options: nosniff をつけるべき - 葉っぱ日記
WebアプリケーションにおいてJSONを用いてブラウザ - サーバ間でデータのやり取りを行うことはもはや普通のことですが、このときJSON内に第三者に漏れては困る機密情報が含まれる場合は、必ず X-Content-Type-Options: nosniff レスポンスヘッダをつけるようにしましょう(むしろ機密情報かどうかに関わらず、全てのコンテンツにつけるほうがよい。関連:X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記)。 例えば、機密情報を含む以下のようなJSON配列を返すリソース(http://example.jp/target.json)があったとします。 [ "secret", "data", "is", "here" ] 攻撃者は罠ページを作成し、以下のようにJSON配列をvbscriptとして読み込みます。もちろ
X-Content-Type-Options: nosniff つかわないやつは死ねばいいのに! - 葉っぱ日記
2011-01-06: IE8ということを追記 & ちょっと間違いを修正。あけましておめでとうございます。 年明け早々ですが、Internet Explorerの話題です。IEはご存じの通り、Content-Type だけでなくコンテンツの内容なども sniff することでファイルタイプを決定しているため、画像ファイルやテキストファイルをHTMLと判定してしまい、クロスサイトスクリプティングが発生することが昔からたびたび報告されていました*1。現在は幾分マシになったとはいえ、IEのファイルタイプの判定アルゴリズムは非常に難解であり、現在でも状況によってはWebサイト運営者のまったく意図していないかたちでのXSSが発生する可能性があったりします。そういうわけで、IEがコンテンツを sniff してHTML以外のものをHTML扱いしてしまうことを防ぐために、動的にコンテンツを生成している場合に
ユーザーエージェント - Wikipedia
HTTPを用いてリソースの取得等を行うユーザーエージェントをHTTPユーザーエージェントと呼ぶ。 HTTPユーザーエージェントには、ウェブブラウザや、リソースを自動的に処理するクローラなどがある。 HTTPではUser-Agentヘッダーが定義されている。 クライアントはサーバーにリクエストを送る際に、ユーザーエージェントの情報をUser-Agentヘッダーとして送信する。User-Agentヘッダーには、アプリケーション名、バージョン、ホストオペレーティングシステムや言語といった情報が含まれる。 ウェブクローラーのようなボットの場合は、ウェブ担当者がそのボットのオペレーターと連絡を取ることができるように、URLや電子メールアドレスも含む。 User-Agentヘッダーはサーバ側において様々な用途で利用されている。 アクセス解析をする際に、User-Agentヘッダーによって、ユーザーが使
なぜ Mozilla 以外のブラウザでも "Mozilla" がユーザーエージェントに含まれているの？ - Knoh (ノウ) | The Knowledge Hub
これは、とても歴史的な話で、僕たちの知っている現在の “Mozilla” よりも時はさかのぼる (とはいえ、現在の Mozilla もその精神を受け継ぐ末裔だ)。 質問をブレイクダウンしよう: 最初に: この文脈でいう “mozilla” はなにを指すのか？ ヒント: それは Mozilla Corporation や Mozilla Foundation のことではなく、Gecko エンジンのことでもない。 90 年代初頭、Mosaic というブラウザがイリノイ大学・米国立スーパーコンピュータ応用研究所 (NCSA) のとあるグループによって開発される。Mosaic の使いやすさや特徴的な機能は当時の “world wide web” の一般化に役立った。Mosaic の共同開発者の一人は Netscape という会社を設立し、この会社は Netscape という商用ウェブブラウザを生み
JavaScript とかによるブラウザ判定方法のまとめ - A Memorandum
JavaScript でのブラウザ判定について まとまった情報がサクッとヒットしないので、まとめ UserAgent によるブラウザ判定 よくある単純な例 var userAgent = window.navigator.userAgent.toLowerCase(); if (userAgent.indexOf('opera') != -1) { return 'opera'; } else if (userAgent.indexOf('msie') != -1) { return 'ie'; } else if (userAgent.indexOf('chrome') != -1) { return 'chrome'; } else if (userAgent.indexOf('safari') != -1) { return 'safari'; } else if (userAgen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
Firefoxのバージョン別CSSハック一覧表｜web bibo
STUDIO-蔵：Kabaddi
http://blog.fumiz.me/2007/04/28/greasemonkey%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E4%BD%9C%E6%88%90%E3%82%AF%E3%82%A4%E3%83%83%E3%82%AF%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88/