Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
いろんなブラウザ【5種】でサイト表示のチェックができるWEBサービスinteractive cross-browser testing - ネットの海の渚にて
browserling - interactive cross-browser testing ネットには探せば便利なサービスがあるもので上記のサイトは各種ブラウザで表示がどうなるのか確認ができる。 Internet Explorer Chrome Firefox Safari Opera 上記メジャーブラウザの5種をわざわざ自分のPCにインストールすること無く確認することができる。 さらに嬉しいことはそれぞれのブラウザのバージョンが新旧揃っていることだ。 使い方は簡単だ。 表示させたいURLを入れて好きなブラウザを選ぶ。 新旧のバージョンが出てくるからそれをクリックするだけだ。 しばらくすると入力した条件でエミュレートされる。 （画像では当ブログのURLを入れてSafariのバージョン5.1を選択している） 実際に表示させるとこうなる。（画像はSafari5.1） これを各種ブラウザで繰
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N
Web制作フローの再考とDesigning in the browser
多様化するwebサイト、増加するデバイスに適応していくために今までのWeb制作のワークフローも見直す必要があるのではないでしょうか。またその一つの手法としてDesigning in Browserについて書きました。 現在ではWebサイトも、インタラクティブなサイト、アプリのようなサイト、可変するサイトなど様々なスタイルが見られるようになってます。 また、Webを閲覧できる環境もPCからスマートフォン、タブレット、テレビ、カーナビなど増加し続けてます。 それに伴い今まで以上にテストケースが増えてきてます。 今までのような静的なデザインを作ってから開発、テストというWeb制作のワークフローでこの変化の流れに対応できてるのでしょうか。 まず静的なデザインはあくまでこのように見えるという仮説であり、 解像度やスクリーンサイズが異なれば見え方も変わってきます。 更にどのように動くのかまでは表現でき
歴代のFirefoxを一発インストール！·Install All Firefox MOONGIFT
Install All Firefoxはコマンド一つで多数のバージョンのFirefoxをまとめてインストールできるソフトウェアです。 FirefoxでWebサイトの表示を確認したい、そう思った方が使ってみるべきソフトウェアがInstall All Firefoxです。何とバージョン2系から最新のNightlyビルドまでのFirefoxをまとめてインストールできてしまいます。 Firefoxアイコンがどさっと。 インストールはコマンドラインで行われます。都度Firebugのインストールが確認されるのがちょっと面倒です（no_promptオプションで回避できます）。 Firefox2です。 バージョンは2.0.0.20。 3.0.19。 3.5.9。 3.6.28。 5.0.1。 6.0.2。 7.0.1。 8.0.1。 9.0.1。 Install All Firefoxはコマンド一つでイン
Firefox 4のサポート打ち切りに企業から不満の声、MicrosoftはIEをアピール
Firefox 4のサポートが打ち切られたことに対して企業などから不満の声が出ている。Microsoft幹部はこの機会を使ってIEの売り込みに乗り出した。 MozillaがFirefox 4のサポートを打ち切ってFirefox 5に移行したことに対し、企業などから不満の声が出ている。Microsoft幹部はすかさずこれに便乗する形で、Internet Explorer（IE）のサポート態勢をアピールした。 Mozillaは6月21日にFirefox 5の正式版と、Firefox 3.6の更新版となる3.6.18をリリースした。しかしFirefox 4の更新版はリリースされず、Firefox 5がFirefox 4のアップデートになるという扱いだった。 これに対し、IBMなどの大企業でFirefox関連の開発にかかわってきたコンサルタントのマイク・カプリー氏は自身のブログで、Mozillaが
モテるOpera女子力を磨くための4つの心得「Operaをインストールできない女をアピールせよ」等 - ゆず日記
こんにちは、Opera恋愛マネジメントを専攻しているゆずえもんです。私は学歴も知識もありませんし変態おぺら〜ですが、Opera恋愛に関してはプロフェッショナル。今回は、モテるOpera女子力を磨くための4つの心得を皆さんにお教えしたいと思います。 1. あえて2〜3世代前のOperaを使う あえて2〜3世代前のOperaを使うようにしましょう。そして好みのOpera男子がいたら話しかけ、わざとらしくOperaを出していじってみましょう。そして「あ〜ん！ このGoogle Maps本当にマジでチョームカつくんですけどぉぉお〜！」と言って、Opera男子に「どうしたの？browser.jsちゃんと最新になってる？」と言わせましょう。言わせたらもう大成功。「Operaとか詳しくなくてぇ〜！ ずっとコレ使ってるんですけどぉ〜！ 使いにくいんですぅ〜！ ぷんぷくり〜ん（怒）」と言いましょう。だいたい
Netscapeの父、ソーシャルな新ブラウザ「RockMelt」をβリリース
米RockMeltは11月7日、よりソーシャル性の高いWeb閲覧体験の提供を目指した新ブラウザ「RockMelt」の初のβ版をリリースした。RockMeltは、Webブラウザの普及に貢献した先駆者の1人、マーク・アンドリーセン氏が支援する秘密主義の新興企業だ。 RockMeltブラウザでのWebの閲覧方法は、MicrosoftのInternet Explorer（IE）やMozilla Firefox、Google Chrome、Apple Safari、Operaといった各種のブラウザと変わらない。 ただしRockMeltでは、FacebookやTwitterの情報に1つのブラウザウィンドウ内からアクセスできる。 この新ブラウザでは、Facebookの連絡先やTwitterのツイートなど、Webで閲覧する各種のコンテンツが文字通り1つの枠内に収められるのだ。 ユーザーがFacebookの
パワーユーザーがFirefoxよりもChromeを好むワケ | ライフハッカー・ジャパン
オープンで拡張機能が優れているFirefoxは、パワーユーザーが好んで使うウェブブラウザです。一方で、Googleの軽量なChromeも人気です。拡張機能があり、オープンブラウザということで、Firefoxから鞍替えするユーザーもいます。 米lifehackerの読者に、現在使っているブラウザをアンケートしたところ、Chromeが42%で、Firefoxが33%でした。前回（英文記事）は、Firefoxが57%で、Chromeが21%だったので、Chromeはかなり飛躍したことになります。 米lifehackerでは、オフィスを開いた2005年以来Firefoxを使っていて、Internet Explorerに比べ、格段に使いやすいFirefoxに愛着を持っているのですが、読者の投票からすると、どうやらChromeの時代になってきているようです。ここからは、なぜパワーユーザーがChrome
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools
TechCrunch | Startup and Technology News
TechCrunch | Startup and Technology News
ggsoku.com
Engadget | Technology News & Reviews