プライバシーの保護に特化したGeckoベースのオープンソースなWebブラウザ・「Dot Browser」
Dot Browserはプライバシーの保護に特化したオープンソースのWebブラウザです。トラッキングや広告から保護するためのスマート機能であるDotShieldがビルトインされているそうです。 Windows、Mac、Linuxなどの各OSに対応している他、Android版も用意されています。昨今のOSSなWebブラウザにしては珍しくGeckoベースとなっており、選んだ理由としてChromiumベースのブラウザは既に多数あり、競争相手が必要だからだそうです。 他にクラッシュレポートは同意なしに送信しない、大量のテーマと拡張機能が利用可能、各サービスへのログイン時にメールアドレスをマスクで可能、ChromeやEdgeから数クリックで全データを移行可能などの特徴があります。 ライセンスは、まぁGecko系なので当然かもしれませんがMPL-2.0となっています。 Dot Browser
ブラウザのFavicon(ファビコン)でユーザーを追跡する「スーパークッキー」とは？
ブラウザのタブなどに表示されるFavicon(ファビコン)は、サイトのシンボルとして重要なアイコンです。しかし、このファビコンにはCookie(クッキー)のようにユーザーを追跡可能な「スーパークッキー」の問題が潜んでいると、研究者らが警鐘を鳴らしています。 Tales of Favicons and Caches – Persistent Tracking in Modern Browsers (PDFファイル)https://www.cs.uic.edu/~polakis/papers/solomos-ndss21.pdf supercookie • workwise https://supercookie.me/workwise ファビコンとは、サイトのシンボルマークとしてタブやURLの隣などに表示される小さなアイコンのことです。 イリノイ大学シカゴ校のセキュリティー研究者らは2021
`<meta charset="UTF-8">` を書く必要性があるケースとデメリット
HTML 文書内に <meta charset="UTF-8"> を書いていますか? 書いているとしたら、その必要性を問われた時に理由を説明できますか? 実は私も勘違いしていた部分があり[1]、改めてまとめてみました。 <meta> による文字エンコーディング指定の歴史 Content-Type ヘッダーと <meta> の関係性と優先度 <meta> が必要なケース <meta> で文字エンコーディングを指定するデメリット <meta> による文字エンコーディング指定の歴史 § まず基本的なおさらいをします。<meta charset="UTF-8"> は HTML5 で登場した新しい記法で、 HTML4 以前は <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> などという長くて覚えにくい書き方をしてい
SSH接続をWebブラウザの純粋なHTTP上で実現する - nwtgck / Ryo Ota
HTTPといえばHTML/CSS/JavaScriptや画像などの小さめの限りがあるデータを手に入れるためによく使われている印象がある。REST APIのようなHTTPを使ったAPIでも限りのあるデータがリクエストとレスポンスになる印象が強い。
仕事をしながら動画を見るために開発されたMac用ブラウザ「Helium」がマルチウィンドウやスナップショット機能をサポートし「He3」としてリリース。
仕事をしながら動画をながら見するために作られたMac用ブラウザ「Helium」がマルチウィンドウやスナップショット機能をサポートした「He3」としてリリースされています。詳細は以下から。 HeliumはAsanaのソフトウェア・エンジニアJaden GellerさんがNetfixを見ながらコーディングするために開発したオープンソースのMac用ミニブラウザで、デスクトップ上にマウスの操作を受け付けない半透明のフローティングウィンドウを表示し、Webサイトやドキュメントを表示しておける機能がありましたが、このHeliumが「He3」として新たにリリースされています。 He3 – formerly known as “Helium 3”, supports multiple windows as documents, each with their own settings as well as
URLに「.」を追加するだけでウェブサイトの広告を回避できる可能性があるという指摘
ウェブサイトを閲覧していると、過剰に広告が表示されてウェブサイトが見にくくなってしまうことが多々あります。広告をブロックできるアプリを使用しても、ウェブサイトに「広告ブロッカーをオフにしてください」という表示が出てしまい、さらにウェブサイトが見づらくなるということも。そんな中、広告ブロッカーを使用するのではなく「ウェブサイトのURLに『.』を加えるだけで広告がオフになる」という報告がRedditに投稿されました。 fyi: You can bypass youtube ads by adding a dot after the domain : webdev https://www.reddit.com/r/webdev/comments/gzr3cq/fyi_you_can_bypass_youtube_ads_by_adding_a_dot/ 例えば、 https://www.yout
レスポンシブWebデザイン対応のWebサイト開発に特化したオープンソースのWebブラウザ・「Responsively」
ResponsivelyはRWDの開発に特化したWebブラウザです。オープンソースとしてソースコードも公開されています 各スマホのデバイスやタブレット、PCなど異なるデバイスでどのように表示されるかを一括確認できる、というもの Electronベースとなっています。試しに使ってみました こんな感じで設定した各デバイスで指定したWebページが表示されます。スクロールやページの移動は全ウィンドウで連動しています。 ↑ インスペクタもついており、その場で編集、表示確認等を行う事が出来ます ↑ また、全デバイスのフルスクリーンショットもワンクリックで可能となっています。もちろん各デバイス単位でも撮影可能。撮影されたSSはドメイン、日付、撮影した時間を名前としたファイル名やフォルダ名で保存されますので上書きする心配もありません 尚、デバイスはかなりの量が用意されているのでお好みに合わせてウィンドウを
ブラウザーをVivaldiに乗り換え。ChromiumベースでFirefoxのようにUIのCSSカスタマイズ可能 - AndroPlus
使っているCSS 一応私が使っているCSSを載せておきます。 ブックマークパネルの下にあるプレビューパネルを隠す ブックマークパネルの下にある、プレビュー・編集パネルは高さ調整できますが、再起動すると戻ってしまいます。スペースを取っている割にはタイトルやURLを詳しく見られるわけでもないので、消してしまいました。 消した後もアドレスバーのブックマークボタンなどで編集できます。 /* ブックマークパネルの下にあるプレビューパネルを隠す */ .panel-bookmarks-edit{ display: none !important; } ブックマークパネルのタイトルと + – ボタンを隠す ブックマークパネルの上部のタイトルと、新規作成・削除ボタンを消します。 /* ブックマークパネルのタイトルを隠す */ #panels > div.panel-group > div > div.pa
各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetのまとめ -Chrome, Safari, Firefox, Edge
Webページを実装する際、そのページを表示するブラウザが各HTML要素にデフォルトでどのようなスタイルが適用されているか知っておくのは大切なことです。 Chrome, Safari, Firefox, Edge 各ブラウザごとのデフォルトのスタイルシート、user agent stylesheetを紹介します。 例えば、p要素にはdisplay: block;が定義されており各ブラウザでmarginの数値が異なります。また、h1要素は単独で使用した場合とsection要素などの子要素で使用した場合ではmarginの数値が異なります。 /* * The default style sheet used to render HTML. * * Copyright (C) 2000 Lars Knoll (knoll@kde.org) * Copyright (C) 2003, 2004, 20
マイクロソフト、Google、W3C、Mozillaらが協力。それぞれのWebブラウザのドキュメントをMozillaサイトに一本化。あちこちのWebサイトを見て回らなくても済むように
マイクロソフト、Google、W3C、Mozillaらが協力。それぞれのWebブラウザのドキュメントをMozillaサイトに一本化。あちこちのWebサイトを見て回らなくても済むように Mozillaは、マイクロソフト、Google、W3C、サムスンなどと協力して、それぞれのブラウザなどに対応した技術解説のドキュメントを一本化し、Mozilla Developer Networkの「MDN web docs」にまとめて掲載する取り組みを開始したと発表しました。 Webブラウザに関するHTMLやCSS、APIなどの機能の解説は、そのWebブラウザを開発するベンダのWebサイト、例えばマイクロソフトならMSDN（Microsoft Develpers Network）、GoogleならChromeのWebサイト、MozillaならMDN（Mozilla Developer Network）のWe
ブラウザの脆弱性とそのインパクト
セキュリティ・キャンプ全国大会2017の講義資料です（Masato Kinugawaさんとの共同制作です）。
「ユーザー数日本が一番」――新興ブラウザ「Vivaldi」 「Opera」創業者語る「ユーザーは友人」とは
「ユーザー数日本が一番」――新興ブラウザ「Vivaldi」 「Opera」創業者語る「ユーザーは友人」とは（1/2 ページ） 「Google Chrome」「Internet Explorer」「Safari」……。インターネットブラウザは数多くの種類があり、機能やデザインによってユーザーの好みは分かれる。 1995年公開の「Opera」も人気ブラウザの1つ、世界第6位のユーザー数を誇る。しかし、その創業者が2016年、新ブラウザ「Vivaldi」を開発した。乗り換えてしまうOperaユーザーもいるという。 つまりVivaldiは、Operaの創業者ヨン・スティーブンソン・フォン・テッツナー氏が、自らが過去に開発したブラウザに対抗するためのブラウザということになるのだが――。 Vivaldi開発の経緯、プロダクトの魅力、今後の展望について、ヨン・スティーブンソン・フォン・テッツナー氏と、も
Androidでモブログするならブラウザは『Habit Browser』一択なんじゃないか - ウラガミ
最近Androidタブレットを買って「これだけでブログ書けないかなぁ」と試行錯誤してます。 もちろんはてなブログ公式のアプリだけでも書けないことは無いのですが、iOSでいろいろ弄って書きやすい環境を作っているので、そちら並みにサクサクやりたいのです。（そういうこと考えるのが好きなだけ。） で、今のところモブログ(タブログ)用のブラウザとしてベストだと思っているのが『Habit Browser』です。カスタマイズ性の高さで人気のブラウザですが、モブログ用のブラウザとしてもかなり優秀なんです :) Habit Browser - ウェブブラウザ制作: mura.k評価: 4.2 / 5段階中価格: 無料 (2016/10/11 時点) posted by: AndroidHTML v3.1 ブラウザを使うタイミングは？ 私がブログ書いててブラウザを使うタイミングは 参照しながら記事を書く サム
HTMLレンダリングエンジン
Webブラウザの主要コンポーネントであるHTMLレンダリングエンジンとは、どういった機能を提供するものなのか。またどのようなHTMLレンダリングエンジンがあるのか。主要なHTMLレンダリングエンジンの一覧とその特徴などを解説する。 HTMLレンダリングエンジンとは、HTML（Webページの記述用言語）で書かれた文書を解釈し、記述された文書や画像などを描画するプログラムのこと。HTMLの他、CSSXやMLなども、HTMLレンダリングエンジンによって解釈、描画される。 例えば、HTMLで「<b>太字</b>」と書かれていた場合、HTMLレンダリングエンジンは、「<b>」と「</b>」で挟まれた部分は太字にすると解釈し、描画する文字を太字にする。この記事も、HTMLで記述されており、読者のWebブラウザ内のHTMLレンダリングエンジンで解釈、描画されているわけだ。 Webブラウザから分離・独立し
TechCrunch
Zelda fans already got a stellar new game with “Tears of the Kingdom” this year, but Nintendo just dropped another exciting nugget of news: the gaming giant is working on a live-action mov Lucid has revised its 2023 production outlook amid softening demand for luxury electric vehicles, the company said Tuesday in its third-quarter earnings report. The EV maker said it will produce 8,000
CSSのブラウザサポート状況を自動でチェックできるdoiuseが便利 - $shibayu36->blog;
最近書いているCSSがそもそも今サービスが推奨しているブラウザでサポートされているのかチェックするのだるいと思っていたら、doiuseという便利なツールを見つけた。 doiuseとは https://www.npmjs.com/package/doiuse CSSのブラウザサポートのチェックをしてくれるモジュール。caniuse のデータベースを利用して、ブラウザと自分が書いているCSSを指定して、サポートされていないCSSの書き方を見つけてくれる。 試す環境を用意する とりあえず試すための環境を用意する。適当なディレクトリを作って、必要なライブラリをインストールする。また、検証するためにbootstrapも入れておく。 $ mkdir try-doiuse $ cd try-doiuse $ npm install --save-dev doiuse $ npm install --sa
ブロガー・Web関係者必見！モバイルとPC同時に閲覧できる超便利ブラウザ「Blisk」の存在を君はまだ知らない - Brian'z Imagination
レスポンシブデザインが流行してきているとはいえ、こんなことをしているはてなブロガーさんやWebデザイナーさんは後を絶たない。 PCでいちいちブラウザの幅を変えながらデザインを確認している わざわざUserAgent Switcherでユーザーエージェントを切り替えて表示を変えている 横にiPhoneやAndroidの実機を置いて表示を確認している そもそもモバイルを意識していない(論外) そんなWebデザインにかかわるすべてのひとに紹介したいのが、「Blisk」という超絶便利なニューカマー・ブラウザだ。いままで「え？こういうブラウザっていままでなかったの？」と不思議に思ってしまうくらい、発想はシンプルだが革新的なブラウザだ。まだベータ版であることやこれまでWindowsでしか公開されていなかったので紹介するのを戸惑っていたけれど、いよいよMac版もリリースしたので、堂々紹介していきたい*1
まだChrome使ってるの？ Web開発者専用ブラウザー「Blisk」に惚れた！
「また新しいブラウザー？ もういいよ。」いえいえ、Bliskはちょっと違います。Web開発者向けに便利な機能を搭載した、開発者専用のブラウザーなんです。 日々のWeb開発にどんなブラウザーを使っていますか？ 私がTwitter上で先日実施した投票の結果によると、開発者の4分の3は一般的なWebブラウザーを使っています。おそらく以下のような理由が想像できます。 1番よく使うアプリケーションである すでに自分が使いやすいように調整できている 優れた開発ツールが入っている（どれもそうですよね！） それらのユーティリティが快適である そもそも、好みのブラウザーである しかし、そのブラウザーはWeb開発作業に向いているのでしょうか？ 私もそうですが、いつもブラウザーにさまざまなアプリやツール、あとで読もうと思っている記事（……でもほとんど読みませんけどね！）のタブを57個くらい開いているのでは？ こ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webブラウザ「Vivaldi 2.0」がリリース - PC Watch
ブラウザ上で機械学習と戯れることができる『Machine Learning Playground』 | 100SHIKI
