ブラウザとウェブの進化をインタラクティブに表現したインフォグラフィック 『The Evolution of the Web』 | WEBROCK japan (ウェブロック)
WEBROCK japan (ウェブロック) 日本のクリエイター・経営者のためのITクリエイティブマガジンを中心として、日本の経営者とクリエイターにキュレーションされた情報プラットフォームを提供します。ブラウザとウェブの進化をインタラクティブに表現したインフォグラフィックです。 ここでは、Mosaic、Netscape、Opera、Internet Explorer、Safari、Firefox、Chrome など、 1993 年以降の主なウェブ ブラウザと、HTML、CSS、JavaScript といったウェブ技術の進化の過程がウェブ上で表現されています。 URLは、 http://www.evolutionoftheweb.com/?hl=ja そのほか、 世界のインターネットのトラフィック量や、世界のインターネット ユーザー数 、 ブラウザのリリースのタイミングやバージョンなど細かく
HTML5・CSS3時代のweb制作コンセプト
HTML5・CSS3対応のブラウザが増えてきて、制作のコンセプトも変化してきました。 プログレッシブエンハンスメントなどユーザーのブラウザ環境に焦点を置いた制作コンセプトをまとめました。 足りない知識を埋めながら書いたので一部認識が間違ってる箇所があるかも知れませんが、その場合はご指摘頂けると助かります。 Progressive Enhancement Graceful Degradation Polyfill Progressive Enhancement(プログレッシブエンハンスメント) どのブラウザでも基本的な水準のユーザーエクスペリエンスを提供をし、 新しく高水準のブラウザにはCSS3やjsなどでよりリッチなデザインや機能を提供するという考えです。 またProgressive Enhancementには下記の原則があります。 基本的な内容は、すべてのブラウザでアクセス可能である必要
クロスブラウザはもう古い！ HTML5＋CSS3時代のプログレッシブ・エンハンスメント
IE 9が登場！ ユーザーの閲覧環境がますます多様化！ 4月26日、ついに日本でもInternet Explorer（以下、IE） 9が公開されました。また、マイクロソフトは早くもIE 10のプレビュー版を公開しており、CSS3やJavaScript周りが、さらに強化されるなどリッチなWeb表現が加速してきています。 IEのみならず、Firefox、Safari、Google Chrome（以下、Chrome）など他のWebブラウザもすさまじい勢いで進化してきており、スマートフォンやタブレットPCなどのデバイスも続々と開発され、ユーザーの閲覧環境がますます多様化してきています。 そうした流れの中で、必然的に欠かすことができなくなる知識が、この「プログレッシブ・エンハンスメント」という概念です。 プログレッシブ・エンハンスメントって何？ Webブラウザや端末などの閲覧環境が多様化してきていま
Firefoxの歴史、各種ブラウザの歴史
先日、日本発のFirefoxプロモーション用マスコットキャラクターの名前が「フォクすけ」という名前に決まったそうで。 で、その「フォクすけ」を使って、Firefoxの歴史を解説するPDFファイルが配布されていました。どういう経緯でFirefoxができあがっていったのかを説明するときにかなり便利です。それだけでなく、各ブラウザの歴史も書いてあるバージョンもあります。これはかなりためになります。覚えておいて損はないかと。ブラウザ戦争年表といった感じです。 ダウンロードは以下から。 Spread Firefox Japan - フォクすけ＊ブログ - Firefox の歴史 フォクすけ版 (PDF：5.32MB) また、Firefoxだけでなく、OperaやSafariなどの各種ブラウザの歴史も含めたバージョンがこちらにあります。 通常版 (PDF：5.13MB) これで見ると、Operaってめ
主要ブラウザのHTML5互換テスト結果、W3Cが公表。HTML5時代のブラウザ互換性は、より高くなる
主要なWebブラウザの開発バージョン、IE9、Chromium 9、Firefox 4、Opera 11、WebKitなどに対してHTML5テストスイートを実行した結果をW3Cが「HTML5 Test Suite Conformance Results」として公表しています。 これはW3CがHTML5におけるブラウザの互換性について非常に重視していることの表れです。W3CはHTML5仕様のドキュメントの中でも、以前より事細かく仕様を記述していますが、テストスイートの提供はある意味で「コードによる仕様の定義」がさらに加わったといってもいいでしょう。 より高い互換性が実現へ テストスイートには現在212のテストが含まれているとのことですが、まだ開発中であり、現状の結果はあくまでも暫定的なものとして参照すべきと注意書きがされています。ですから現時点でこの結果を基にあのブラウザのHTML5対応が進
グーグルが賭けるHTML 5の未来 － ＠IT
2009/05/28 「決してWebをあなどってはいけない」（Never underestimate the Web）。Google I/O 2009初日の基調講演でシュミットCEOに続いて登壇したのは、米グーグル バイス・プレジデントのビック・グンドトラ氏だ。ゆっくりと一語一語を区切りながら語り始めたグンドトラ氏の言葉には重みがある。彼は元マイクロソフト社員で、まさにWebをあなどっていた側にいたからだ。 グンドトラ氏はWindowsプラットフォームを唱道する立場にあった。彼に限らず、マイクロソフト社員の間には、ネイティブアプリケーションでなければできないことがあるとする見方が一般的だったという。「Keyholeという会社が出てきたとき、彼らが持つようなアプリケーションこそ、ネイティブでなければできないものだと言っていた。ところがグーグルは2004年11月にKeyholeを買収し、Goo
MdN Design｜総合情報サイト
［INDEX］ >>> 第 1回 なぜITの知識がクリエイティブに必要なのか >>> 第 2回 次世代Web体験の鍵になる「WebKit」 >>> 第 3回 Webサイトの観覧・制作におけるキースペック「GPU」 >>> 第 4回 Webに最適化された拡張性の高いベクター画像「SVG」 >>> 第 5回 シンブルログインを可能にする認証サービス「OpenID」 >>> 第 6回 ネットとの親和性が高い小型ノートPC「ネットブック」 >>> 第 7回 利用者にも開発者にもオープンなモバイル環境「Android」 >>> 第 8回 リアルとデジタルの境界をあやふやにする拡張現実の世界 >>> 第 9回 Web上の活動がリアルにつながるライフストリーム >>> 第10回 プラグインなしで3Dを実現する新技術「WebGL」 >>> 第11回 WiFi Directがつくる新し
ブラウザエンジンの新潮流「WebKit2」 - builder by ZDNet Japan
Safariなどに採用されているオープンソースのHTMLレンダリングエンジン「WebKit」の次世代版、「WebKit2」がその姿を表した。WebKitの開発者向けメーリングリストに投稿されたメッセージには、Appleに勤務するAnders Carlsson氏とSam Weinig氏の2人が名を連ね、Appleによる事実上の公式発表という意味合いを有している。それでは早速、その変更点に迫ってみよう。 タブごとのプロセス分離が可能に WebKitは単一構造ではなく、HTMLパーサー／レンダラーの「WebCore」、JavaScriptエンジン「JavaScriptCore」をラップするフレームワークだ。WebKit2もこの構成を踏襲するが、プロセスの処理系はユーザーインターフェース部分とウェブレンダリング部分とに二分割され、それぞれ独立して実行される（図1）。このタブごとにプロセス分離できる
HTML5 & CSS3 ブラウザ別サポート状況
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ
Webサービス公開前にサイトをチェック Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 Webサイトを制作して公開する際は おかしいところが無いか、不備は 無いか不安になったり、という方も 少なくないのではないかと思います。 そこで、公開前に色々と確認出来たり、 最適化できる様なフリーのサービスや フリーソフトをご紹介します。 ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。 では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。 ブラウザチェック各ブラウザでどのように
Adobeのブラウザ表示チェックサービスBrowserLabが凄い件 - よねのはてな
Adobeさんが、クロスブラウザ表示テストサービス BrowserLabを開始したので使ってみました。 https://browserlab.adobe.com/index.html このサービスを使うと、以下のブラウザでの表示テストが可能です。 Windows XP Firefox 2.0（2.0.0.18） Firefox 3.0（3.0.13） Firefox 3.05（3.5.3） Internet Explorer 6.0（6.0.3790.3959） Internet Explorer 7.0（7.0.5730） Internet Explorer 8.0（8.0.6001.18702） Chrome 3.0（3.0.195.27） Mac OS X Safari 3.0（3.2.3） Safari 4.0（4.0.3） Firefox 2.0（2.0.0.18） Firefo
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
ハイパフォーマンスWebサイト：サイトのボトルネックを見つけるためのツール | Creazy!
前に読んだハイパフォーマンスWebサイトの影響で、自分のブログのパフォーマンス改善をしてみたいなぁと思っていますが、まず何から手をつけたらいいのでしょう。当たり前ですが14のテクニックの内、サイトのボトルネックとなっている部分からやった方がより効果を感じる事ができるはずです。 本の中では13のチェック項目（Ajaxのチェックは対応していないので一つ項目少ない）から評価してくれる「YSlow」という素晴らしいツールが紹介されていますが、本に書かれていないものにも様々なOS、ブラウザに対応したパフォーマンス分析ツールがありましたので紹介します。 YSlow for Firebug（Firefoxアドオン、要Firebug） IBM Page Detailer（Windows用アプリケーション） Firebug の「接続（Net）」（Firefoxアドオン、要Firebug） Safariのネッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザの歴史と現在利用のブラウザーがひと目でわかるHTML5のGoogleサイト | NET JUNKIE
HTML5では何ができるのか、各ブラウザの対応はどうなっているのか、が一目でわかる -What is HTML5?
［ウェブサービスレビュー］インストール済みフォントを一発表示--「aulta fonts viewer」
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
CSS3とHTML5の主要ブラウザの対応状況一覧
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
テクノロジー : 日経電子版
