TabFS
Going through the files inside a tab's folder. For example, the url.txt, text.txt, and title.txt files tell me those live properties of this tab (Read more up-to-date documentation for all of TabFS's files here.) This gives you a ton of power, because now you can apply all the existing tools on your computer that already know how to deal with files -- terminal commands, scripting languages, point-
新Edgeブラウザを使ってみて驚いたこと - orangeitems’s diary
https://microsoftedgetips.microsoft.com/en-us/ 新Edge 新しいEdgeブラウザがリリースされました。 pc.watch.impress.co.jp 日本マイクロソフト株式会社は、Chromiumベースで動作する同社製Webブラウザ「Edge」の新バージョン(Microssoft Edge 79 Stable)の配信を開始した。EdgeHTMLエンジンからの変更が2018年12月に発表(Microsoft Edgeブラウザ、独自エンジンを捨て「Chromium」ベースに参照)されてから約1年間開発が続けられ、安定版としてリリースされたかたち。 新バージョンのEdgeは、Windows Updateを通じて順次配信が行なわれるほか、Microsoft Edgeのページより直接ダウンロードすれば手動アップデートが可能。なお、Chromiumベース
DevToolsでz-index一覧できるやつ作ったよ。 | Ginpen.com
Chrome用とFirefox用です。 GitHubでソースコード公開してます。 ginpei/devtools-z-index 見た目 Chrome版。 Firefox版はサブペインじゃなくてパネルとして追加するのでちょっとアレです。仕方なかった。 はじまり コードスニペット版。これはこれで手軽でよろしいね。 ページ中の要素を `z-index` の数字が大きい順に一覧表示するやつです。https://t.co/gNGkdP03ta pic.twitter.com/v0VRNKCKel — 高梨ギンペイ (@ginpei_jp) June 11, 2018 Chrome版について https://chrome.google.com/webstore/detail/bcnpmhefiohkpmjacfoanhbjhikegmoe/ Elementsパネル内に “z-index” ペインを追
「ホーム画面に追加」からはじめる『PWA(Service Worker)』 - Qiita
Android ChromeでService Workerが使えるようになり、徐々に盛り上がりを見せそろそろ使ってみても良いんじゃ・・・という匂いも感じ始めています。 ブラウザプッシュでの通知やキャッシュなどの機能にService Workerの注目が集まりがちですが、これらの実装はかなり複雑でやっかいです。 その中でも一番実装が簡単なService Worker(?)がホーム画面に追加の機能です。 この機能はService WorkerのJSは１文字書く必要がないので、Service Workerの実装を始める前にやっておくのも良いと思います。 実際に実装してみると、下からにゅるっと出てきます 条件 HTTPS接続（または localhost） Android Chrome 42以上 が必要です。SSLは https://letsencrypt.org/ で無料で入れられるので入れましょ
レスポンシブデザインで気をつけたい、電話番号の扱い - Qiita
レスポンシブデザインでWebページを制作する際、電話番号の扱いにいつも迷うのでまとめてみました。 電話番号の自動リンク機能を無効化する iPhoneやiPadに搭載されているsafariでは、ページ内の電話番号を自動でリンクに変換し、タップすることで電話をかけることができる機能が用意されています。 しかし、この機能は注文番号やIPアドレス、そのほか電話番号らしき数字で構成された文字列をすべてリンクしてしまうという問題があるほか、Android端末やChromeにはこの機能がないため、ユーザの混乱を避けるためにも無効化しておくのがベターです。 電話番号の自動リンク機能を無効化するには、head部に以下のように追記します。 <!DOCTYPE html> <html> <head> <!-- 電話番号の自動リンク機能を無効化 --> <meta name="format-detection"
【これ神】Chromeのテキストフィールド内の文字列をSublime Textでリアルタイムに編集できる拡張機能「GhostText」 – 和洋風KAI
次に、Sublime Text 3を起動して、Package Controlを開きます。↓↓ Install Packageをクリックします。↓↓ GhostTextと入力して、GhostTextをクリックすればインストール完了です。↓↓ GhostText for Chromeの使い方。 まず、テキストフィールドのあるページにアクセスします。 そして、Chromeの右端にある、GhostTextアイコンをクリックします。↓↓ こんなボックスが表示されるので、編集したいテキストフィールドにカーソルを当てます。↓↓ すると、テキストフィールドが青く囲われて、↓↓ Sublime Textにテキストフィールド内の文章が反映されます。なんて便利な！↓↓ さて、GhostTextが凄いのはこれだけじゃなく、なんとSublime Textで編集した文字がリアルタイムにChromeのテキストボックスに
Android版Chromeでの表示時にアドレスバー（アクションバー）を黒くしました。
最近少し耳にしていた「Android版Chromeでアドレスバー（アクションバー）の色を変える」というのを導入してみました。どういうこと？という人は、まぁAndroid版Chromeでこのページを見てもらえれば分かると思いますが、そのまんまです。 こんな感じで、URLを入力したりタブボタンがある場所が黒くなっています。 通常はこんな感じで灰色ですね。 ちょっとしたコードを加えるだけでここの色を自由に指定できるので、ほかのサイトでも別の色にしているのを見かけることがあると思います。単純に背景色が変わるだけでなく、私のサイトの場合のように黒など濃い色の場合は自動的にテキストが白になるのは嬉しいですね。 サイトのヘッダー部分との一体感が出てかっこ良くなったと思うのですが、どうでしょうか。
Chrome用携帯シミュレーターExtension
日本の携帯は、なんだかんだで、これまでのオサイフケータイなどの素敵な機能とスマートフォンのいいとこ取りをしつつ進化しそうな気がする今日この頃。 今日は携帯サイトやスマートフォン向けサイトの制作時に役立つ携帯シミュレーターを何点かをピックアップ。 ドコモ端末のみの対応であるならば、iモードHTMLシミュレータIIを使えば、端末で確認する前に大体のイメージを掴める。 しかし、3キャリアとなると「FirefoxのアドオンFireMobileSimulator」を使うか、有料の「P1」を使う感じになる。 Firefoxのアドオン「FireMobileSimulator」は無料で使え、3キャリアの絵文字も表示できるので重宝してる人も多いはず。 しかし、最近もっぱらGoogleのChromeを使用していて、ChromeのExtensionにも携帯向けサイトをシミュレートしてくれるExtensionがな
Chrome Keyconfig の設定が戻らないようにする
Google Chrome のエクステンション、Chrome Keyconfig の設定が、再起動すると消えてしまう事への対策です。 拡張機能の設定ファイルを直接編集することで、解決できました。 設定が消えてしまう時の環境 Windows 7 Home Premium SP1 32bit Google Chrome 11.0.696.60 unknown Chrome Keyconfig 1.11.0 1. 拡張機能の ID を調べる chrome://extensions/ にて、"デベロッパーモード" に切り替えると、拡張機能の ID を見ることができます。 この場合、okneonigbfnolfkmfgjmaeniipdjkgkl になります。 ここで、Chrome を終了します。 2. 設定ファイルを編集する C:\Users\<USER>\AppData\Local\Google
Chrome Keyconfigが設定項目の変更内容を覚えてくれなくて悲しんでいるあなたへ
1176_Chrome_Keyconfig.png Google Chromeの拡張機能に、Chrome Keyconfig ってのがあります。これはMinibuffer + LDRizeとまではいかないまでも似たような機能を提供してくれるエクステンションで便利に使っていたんですけど、最近、一旦Google Chromeを終了すると前回使用時に変更した拡張機能設定項目の内容が読み込まれないという不具合が発生するようになり、非常に不便でした。 Chrome KeyconfigとTberarelooの組み合わせで、Firefox + Greasemonkey + Minibuffer + LDRize + Reblog Command とほぼ同様の快適さでTumblrが閲覧できるようになるわけでして（Google ChromeでFirefoxのようなReblogしまくれる環境を構築する - S
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
閲覧中のWebサイトのブレークポイントに沿ったプレビューを作成するChromeエクステンション・「Emmet Re:View」
Tumblrの画像を一括ダウンロード出来るChromeエクステンション・「Tumblr Downloader Professional」
Chromeでも右クリックから画像のプロパティを見たい方に最適なアドオン「Image Properties Context Menu」 | ライフハッカー・ジャパン