ブラウザとウェブの進化をインタラクティブに表現したインフォグラフィック 『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対応が進
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がつくる新し
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のネッ
Page Speed Home
Getting started Download Page Speed. Run Page Speed against your web pages. Read about the Page Speed performance best practices. What is Page Speed? Page Speed is an open-source Firefox/Firebug Add-on. Webmasters and web developers can use Page Speed to evaluate the performance of their web pages and to get suggestions on how to improve them. How does Page Speed work? Page Speed performs several
IE5.5, IE6, IE7, IE8の確認が同時にできる -IETester | コリス
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザの歴史と現在利用のブラウザーがひと目でわかるHTML5のGoogleサイト | NET JUNKIE
HTML5では何ができるのか、各ブラウザの対応はどうなっているのか、が一目でわかる -What is HTML5?
テクノロジー : 日経電子版
IE3〜IE7を一括インストール「MultipleIE」:phpspot開発日誌