当初の懸念どおりブラウザのプッシュ通知は邪悪に使われはじめている。実装側はクリックまで購読確認を待つべき。 - mizchi's blog
追記: 2019/11/12 2年経ったけど体験が悪化し続けた結果、 Firefox がこの記事の通りになりましたね… www.fxsitecompat.dev プッシュ通知、ネイティブアプリの機能郡をWebに持ち込むPWA技術の売りの一つだが、当初から懸念されていたとおり、非常にノイジーなものとなってしまっている。自分も気づけばあらゆるサイトの購読確認を、無意識で拒否を押すようになってしまった。 hagex.hatenadiary.jp 少し前の記事。最近はどこかで wordpress のプラグインになったのか、目にする機会が非常に多くなり、非常にストレスフル。最初は技術的な目新しさからか、ある程度容認していたが、さすがにこの状況が悪化する一方で、本気でやばいんじゃないかと思っている。とくに初見のブログの記事を読む前に、購読確認が出るのが最悪の体験となっている。 そもそもプッシュ配信とは
ブラウザキャッシュとレスポンスヘッダ - murankの日記
ブラウザキャッシュとレスポンスヘッダの関係を調べてみた。 調べたブラウザ Firefox 3.5 IE 6 Opera 9.64 Google Chrome 2.0.172.33 レスポンスヘッダ Expires Last-Modified Cache-Control Pragma 結論 以下のレスポンスヘッダを返す。 Expires、Last-Modified、Cache-Control、Pragma 以外のヘッダについては任意。 キャッシュさせたい場合 Cache-Control: private, max-age=有効期間の秒数 条件付GETをさせたい場合 Expires: 過去の時刻 Last-Modified: 過去の時刻 キャッシュさせたくない場合 Cache-Control: no-cache 調査方法 それぞれのブラウザで以下のレスポンスヘッダを返すページを読み込んだときに
MindMup
MindMup Free Online Mind Mapping Create, share and publish mind maps, hassle-free! Sign up Create a free map Create and share amazing mind maps Capture ideas at the speed of thought – using a mind map maker designed to help you focus on your ideas and remove all the distractions while mindmapping. Create unlimited mind maps for free, and store them in the cloud. Your mind maps are available everyw
レスポンシブなデザインにするなら知っておきたい。各ブラウザの小数点以下のピクセル値の扱い
デザイン要素を固定しないリキッドレイアウトは、未知の端末にも対応するというコンセプトのもとに実装するレスポンシブウェブデザインには必須だと考えています。そのリキッドレイアウトを実装する際に理解しておきたいのが、パーセント値で幅や高さを指定した際に小数点以下になるピクセル値（10.5pxとか9.2pxなど）に対するブラウザの挙動です。 たとえばグリッドシステムを構築する際、計算上はあっているのにブラウザでは思った通りに表示されないといったことが起こります。これは、各ブラウザのサブピクセル（小数点以下のピクセル値）の扱いの挙動差により生まれます。 まずはパーセント指定の基本から まずは前提となるパーセント指定の際の計算の基本のおさらいから。。。 CSSでパーセント値を使って幅や高さ指定をすると、指定した要素を含む親要素をベースにピクセル値が計算されます。 たとえば100pxの親要素の中にある子
Page Stack
What? Why!? A valet for your URLs. Push puts the page you're looking at on to your stack. Pop brings up the last page pushed. Your list is shared between all of your browsers! We made it so we could send pages to our phones and vice versa, for example an article to your phone to read on the train or a page from your phone to your laptop to view on a bigger screen. Push on the laptop, Pop on the PS
Detect Mobile Browsers - Open source mobile phone detection
Detect Mobile Browsers | Open source mobile phone detection No mobile browser detected. HatenaBookmark/4.0 (Hatena::Bookmark; Analyzer) Download Scripts Apache ASP ASP.NET ColdFusion C# IIS JSP JavaScript jQuery Lasso nginx node.js PHP Perl Python Rails Mktg Dept • Donate • About Regex updated: 1 August 2014
ホームページ - Programming Magic
オンラインカジノゲームで遊んで時間を潰したいだけであれば、お気に入りのゲームがどんな手順で作られたのかなど、考えたこともないでしょう。しかし、どのゲームもすべてプログラミングから始まっており、プラットフォーム全体を動かすソフトウェアの作成から始まるのです。 プログラマーは、ユーザーが楽しく本格的なゲームをプレイできるよう、コードを設計し、グラフィックを制作しています。言ってみれば、プログラマーがいなければ、オンラインカジノゲームは存在しないのです！では、このプログラミングという作業がオンラインギャンブル業界にどんな影響を与えているのか見てみましょう。 ゲーミングソフトウェア パソコンの前に座ったり、スマホをいじったりしている時は、ゲームを作るためにどれだけの労力が注ぎ込まれているのかなど気にしないものです。しかし、家に居ながらにしてカジノゲームにアクセスすることができるのは、ゲーミングソフ
小さいモニタを使っているとフルスクリーン病にかかる - プログラマーの脳みそ
web屋が主張する「リキッドレイアウト」に騙されないために - 鍵っ子ブログ関連。 うちのメインマシンは左側に24インチWUXGA(1920x1200)縦、右側に30インチWQXGA(2560x1600)を置いてデュアルディスプレイにしている。 うちにきた友人のうち何人かは右側の30インチのモニタでブラウザをフルスクリーンにして使う。 フルスクリーンにするメリットが全然理解できないんだけど、なぜかフルスクリーンにして使う奴が後を絶たない。フルスクリーンにしたいなら左側のWUXGA縦の方でフルスクリーンにすればいいのに。どうも自宅でブラウザをフルスクリーンで使っているからフルスクリーンにしてしまうらしい。ウィンドウで使うのが嫌という感性がついてしまうのかもしれない。
Fasterfox の先読みをブロックする方法 - lucky bag
自サイトのアクセスログ見てて、同時刻に複数ページへすんげぇ勢いでアクセスしている Firefox の UA 名なんか見つけると、Firefox を高速化する機能拡張 Fasterfox 使ってんだろうなとか思うわけで、まぁここら辺のことはかなり前に最速な人が取り上げてたりする。 今までこの Fasterfox のリンク先読み機能に対して、サイト側の方ではどうにも出来なかったんだけど、Fasterfox のバージョンが 1.0.3 になってから robots.txt を読むようになったらしく、下記の2行を robots.txt に記述すれば先読みをブロックできる。 User-agent: Fasterfox Disallow: / つう訳で、サーバに負荷をかけられたくねぇって人や、ログに余計なノイズを残すなやって人はやってみると幸せになれるかも知れないですぜ ！
MOONGIFT: » ブラウザだけで遊べるシヴィライゼーション「Freeciv-Forever」:オープンソースを毎日紹介
Civilization（シヴィライゼーション）は一時期はまったゲームだ。世界の7不思議をはじめ、地球を舞台に様々な文明を発展させることができるシミュレーションゲームで、とても面白い。FreeCivというオープンソース版のPC向けシヴィライゼーションも存在する。 シヴィライゼーションがブラウザだけで遊べる！ そんなシヴィライゼーションをブラウザだけでもプレイできるようにしてくれるソフトウェアがFreeciv-Foreverだ。これならどこでも遊べるようになる。 Freeciv-Foreverはブラウザベースのソフトウェアで、ユーザ登録することで各地で立ち上がっているCivilizationサーバに接続して遊ぶことができる。てっきりJavaで作られたものかと思っていたが、JavaScriptで作られたもの（？）のようだ。これは凄い。 都市情報 動作が若干遅くなることもあるが、遊牧民で都市を造
Google Chrome JavaScriptデバッガ完全マニュアル。 - IT-Walker on hatena
Google Chromeはシンプルに見えてオフラインやWebアプリショートカット作成などいろんな機能が搭載されています。 そんな中、JavaScriptデバッガがあるのも発見！ どんなもんかと思ってみてみたら、なんとコマンドラインベースのデバッガです。Firebugみたいな物を想定していたのですが、まさかgdb（GNU製C/C++デバッガ）みたいなのがブラウザに載ってるなんて・・・しかも全然情報ないし。 でも開発者にとっては、JavaScriptをランタイムでデバッグできると言うのは非常に嬉しい事ですね。そこで、Chromeデバッガの使用法についてちょっと調べてみました。 デバッガは、開発者向けメニューの中から選択する事が出来ます。立ち上げてみると、コマンドの表示結果が表示されるエリアと、コマンドを入力するテキストフィールドが並んでいるだけ、と言うシンプルなUIが表示されます。 最下部の
「Google Chrome」の隠し機能とイースターエッグ
Googleのブラウザ「Google Chrome」のユーザーインターフェースは、可能なかぎり簡素化されている。しかし、Chromeは「Omnibox」を入り口として、更なる詳細を見ることができる。 Chromeのアドレスボックスにコマンドを打ち込んで、普段は隠されている詳細な情報や楽しいイースターエッグを呼び出すことができるのだ。 「Firefox」では、アドレスバーに「about:config」など「about:」で始まるコマンドを入力すれば、さまざまな細目を表示して微調整を行うことができる。Googleはそれに倣った。 これは多くの人にとってはどうでもいいことかもしれない。しかしプログラマーにとっては注目すべき機能であり、それはウェブページを作るプログラマーであっても、Chromeの基になっているオープンソースプロジェクトの「Chromium」で遊んでみたいというプログラマーであって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch
Chrome truncates error messages and adds "<omitted>" in window.onerror
https://www.typescriptlang.org/Playground/
Greasemetal - an Userscript Runtime for Google Chrome
http://code.google.com/chromium/
Google Chrome - Download a new browser
ComBoo コンパクトブラウザ
http://plaza.rakuten.co.jp/catfrog/diary/200701140026/