米Googleは5月19日（現地時間）、ユーザーがお気に入りのWebサイトの更新を確認できる新機能「Follow」のテストを、米国のAndroid版Chrome Canary（早期β版）ユーザーを対象に開始したと発表した。SNSでのフォローに似ているが、実際には今はなき「Google Reader」のようなRSSベースのサービスだ。 Followを利用するには、お気に入りのWebサイトを開いた状態で右上の縦3点メニューを開き、Webサイトのファビコンとサイト名の右に表示される［＋Follow］ボタンをタップする（画面左）。これで、フォローしたWebサイトからの更新が、カバー画像、見出し、更新時期を示すカードとしてChromeの「新しいタブ」画面に新設される「Following」セクションに表示されるようになる（画面右）。 Webサイトのオーナーは、フォロー対象になるにはWebサイト側はRS
フロントエンド開発入門編 Constructing the Object Model | Web Fundamentals - Google Developers こちらのサイトをまとめてみました。リンク先の画像、ソースコードを使用しています。 オブジェクトモデルの構築 ウェブページをレンダリング（描画）する前に、ブラウザはDOMとCSSOMの構築を行います。ではそのDOM、CSSOMとはなんでしょうか？ Contents Document Object Model (DOM) CSS Object Model (CSSOM) TL;DR Bytes → characters → tokens → nodes → object model. HTMLマークアップはDocument Object Model (DOM)に、CSSマークアップはCSS Object Model (CSSOM)に
@ymmt2005 こと山本泰宇です。 今回は cybozu.com を安全に利用するために暗号化した通信（SSL）を常時使用するための取り組みを紹介します。 HTTP と HTTPS HSTS とその弱点 Preloaded HSTS Chrome のリストに cybozu.com を組み込む まとめ HTTP と HTTPS Web ブラウザのアドレスバーに "www.cybozu.com" と打ち込むと、通常は暗号化されない HTTP 通信が行われます。そこでまず考えられるのは、Web サーバーにて HTTP 通信を受け付けたら、HTTPS に永続的リダイレクトをすることです。Apache なら以下のような設定になるでしょう。 <VirtualHost *:80> ServerName www.cybozu.com Redirect permanent / https://www.c
Chrome Canary（今のところM30）でアルファチャネル付きWebMが実験的にサポートされたとのこと。 Alpha transparency in Chrome video ビデオ見ると妙な気味悪さがあって面白い。ドラッグ＆ドロップしたり背景変えたりね。静止画だとふつうにできてたことが動画でもできると、世界広がるんだって思った。映像つくるの大変そうだけど。 って、これ静止画でもまだできてないのか。少なくともWebには、非可逆圧縮＋アルファチャネルがないんだった。というわけで、ちょっと思い出したことを書こうかと。 非可逆圧縮＋アルファチャネル Webで透過する画像フォーマットといえば、GIFかPNGになる。どちらも可逆圧縮なので、写真みたく色数が多くなりがちなものには適さないとされている（GIFは色数にけっこうな制限もあるし）。Web開発でも多分長らく、「写真はJPEG」とされている
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
各所で既報だろうけれど、OperaがWebKitへの移行を発表した。 Opera gears up at 300 million users 300 million users and move to WebKit WebKitベースのモバイルブラウザを発表という噂があって、ああモバイルだけかと思ったら全部だと。驚いた。そりゃ去年夏ごろから人が離れたり、PrestoのWeb標準実装ドキュメントが更新されなかったりするわけだ。ふむ。 “WebKit”とあるけれど、Operaソースの発表を読む限り、どうやらChromium portっぽい。Chromiumベースに独自のOpera portを作ったりはないよねえ…… ChromiumベースでどれくらいOperaフレーバーが出るのだろう。拡張もChromeベースとなるとUIもそんなに変えられないだろうし、Chromeに似たものになるのかな。デスク
もう書くのだるいんだけど、またまたベンダー接頭辞的なおはなし。 Opera 12.50では標準と-webkit-のみ (-o-さよなら) 今月に入って、Opera 12.50で使われるPrestoのバージョンが2.12になった。 まず3日のsnapshotでは、接頭辞なしのTransitions, 2D Transforms, Animationsのサポートが行われ、さらに接頭辞付きの実装が削除された。 Opera Desktop Team - 12.50 Summer Core Update Opera Developer News - A hot Opera 12.50 summer-time snapshot 続いて10日のsnapshotで、接頭辞なしのグラデーションもサポートされ、3日のと同じように接頭辞付きの実装が削除された。 Opera Desktop Team - More
古いブラウザを使っているユーザに最新版へのアップグレードを呼びかけるプロジェクト、Browse Happy が日本語に翻訳されました。このプロジェクトは 2004 年に The Web Standards Project (WaSP) が発足させ、2005 年に WordPress.org が引き継いだ という経緯のようですが、はっきり言ってここ数年はその存在がほとんど忘れられていたと思います。それが最近になって WordPress.org の翻訳チームによって各国語への翻訳がはじめられ、ちょっとだけ再注目されつつあります。現時点では約 20 の言語への翻訳が完了しているようです。 サイトを見るとわかるとおり、WordPress.org が管理しているとは言えその内容は WordPress とは直接の関係がなく、広くウェブのユーザ全般にアピールするものです。そもそもブラウザにはいろいろあっ
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
Mona の Facebook viewer アプリケーションは Facebook Graph API のアクセストークンを必要とする。以前はそのトークンを Mona 内部から取得する方法がなくて外部からテキストファイルで与えていた。それを今日 w3m on Mona を利用することでシームレスに取得できるようにした。思い切って w3m に特別なコードを入れてしまったのが後悔はしていない。 Mona をリリースに向けて整理しているのだが w3m （テキストブラウザ）の可能性を感じるようになってきた。gmail、twitter、facebook も見られる。もちろん画像も JavaScript もなくてモバイル向けのページを見るだけなのだが「もう少しで Mona の中に住めそう」という感触がある。ブラウザが主役になってからもう数年が経つのだからブラウザが動けば何とかなるのは当たり前なのだけど
Our site has moved! The new address is getapp.com. Click on a category to see the list of apps on our new website: Collaboration Software Board Management Software Instant Messaging & Chat Software Intranet Software Construction CRM Software Construction Estimating Software Punch List Software Appointment Reminder Software Appointments and Scheduling Software CRM Software Data Collection Software
Introduction Web browsers are probably the most widely used software. In this book I will explain how they work behind the scenes. We will see what happens when you type 'google.com' in the address bar until you see the Google page on the browser screen. The browsers we will talk about There are five major browsers used today - Internet Explorer, Firefox, Safari, Chrome and Opera. I will give exam
ユーザーエージェントからブラウザの情報をピックアップしてクラスを付与するjQueryプラグインを作ってみました。 パソコン・スマートフォンの他に、JavaScriptの使用が可能だと思われるゲーム機・テレビ・ガラケーのブラウザも判別対象としています。 直接見る Syntax $(document.body).checkAgent( [{option}] ); 対象にしたHTML要素にプラグインが得た情報に基づいたクラスを付与します。 Option 全てtrueまたはfalseで指定。trueにしたものをクラスに追加します。 type パソコン：pc、スマホ：smartphone、ガラケー：garapagos、テレビ：nettv デフォルトは true os PC(win, mac) ガラケー(au, docomo, softbank) スマホ(apple, android) ゲーム(wii
![[jQuery] ユーザエージェント(userAgent)判別プラグイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fsiteproxy.ruqli.workers.dev%3A443%2Fhttps%2Fs0.wp.com%2Fi%2Fblank.jpg)
三年以上前にまとめた「Mac OS X上で動作するウェブブラウザのまとめ」は、何故だか SimpleBoxes で一番人気の記事ですが、内容はやはり古くなっています。 単に件の記事を最新情報に沿うように更新するというのでもいいのですが、今では「Macブラウザおすすめ比較フリーソフト」のようなまとめサイトもありますし、個人的にもそれではあまり面白くないので、今回は「タブ型ウェブブラウザ」という視点でまとめてみようと思います。 タブ型ウェブブラウザは「タブブラウザ」とも呼ばれますが、複数のウィンドウを「タブ」としてまとめて表示するユーザーインタフェースを備えたブラウザです。 個人的には Windows の MDI (マルチドキュメントインタフェース) の派生だと認識しているのですが、起源はよく分かりません。 Mac OS X のタブブラウザは、その表現方法により大まかに四つに分かれるようです。
The CSS gradient feature was introduced by Webkit for about two years but was rarely used due to incompatibility with most browers. But now with the Firefox 3.6+, which supports gradient, we can style create gradient without having to create an image. This post will show you how to code for the CSS gradient to be supported by the major browsers: IE, Firefox 3.6+, Safari, and Chrome. Also, check ou
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
conkeror: web browsing the emacs way