これは快適！Mac OS X上でWinのIE6/7/8/9/10など、さまざまなブラウザの確認ができるアプリ -Sauce
Macでウェブ制作に携わる人全員に伝えたい、Windows, Linux, Mac OS Xのさまざまなブラウザでの表示確認ができる無料のMac OS Xアプリを紹介します。 Boot CampやParallelsなどは必要なく動作します。 Sauce -App Store Sauce for Mac -Website Sauceは、約100種類のブラウザとOSの組み合わせでブラウザの表示確認ができるOS X用のアプリケーションで、簡単に起動・操作ができます。 Windows用のIE6/7/8/9/10をはじめChrome, Safari, Firefox, Opera、iPhone4/5/6, iPad4/5/6, Android4なども揃っています。
SimpleBoxes | Mac OS X上で動作するウェブブラウザのまとめ
[2010.11.02 追記] 「Mac OS X 上で動作するタブブラウザのまとめ (2010 年版)」にて 2010.11 現在の状況を反映した内容で更新しました。こちらもあわせてご覧ください。 ちょっと思うところあって、Mac OS X上で動作するブラウザについて調べてみました。 Mac OS X上で動作するブラウザには、HTMLレンダリングエンジンの違いにより、大まかに3つの勢力(?)に分類されます。 WebKit系 Gecko系 独自系 ここでは、2007.05.27現在、当方の環境で動作確認できたブラウザを紹介します。User Agentの文字列も併せて掲載していますが、この文字列はバージョンなどによって変わる場合があります。あくまでも参考程度に。 アイコンからは各ブラウザのスクリーンショットにリンクしています。 WebKit系 WebKit系は、Safariを代表とする、KH
Androidで代替ブラウザーの定番「Dolphin Browser HD」 (1/2)
ウェブブラウザーを自由に追加・変更できるAndroid上では、多数のブラウザーアプリが存在する。サーバーでデータを圧縮することで表示までの時間を短縮できる「Opera Mini」は世界的には一番人気だし、Android版の「Firefox」もやっと完成度が高くなってきた（それでもデュアルコアCPUの端末でないと動作が重いが）。 Dolphin Browser HD 6.2.0 作者：Dolphin Browser 価格：無料 上記の2つのブラウザーはオリジナルのレンダリングエンジンを搭載するが、Android標準のエンジンを利用しつつ、機能面で独自の発展を遂げているタイプのアプリも数多存在する。その代表格が「Dolphin Browser HD」である。人気アプリなのですでにユーザーも多いだろうが、いまだバージョンアップが続いており、魅力はさらに増している。 標準ブラウザーに対する「Dol
あの機能が使えるかどうか。HTML5/CSS3の機能単位の判別ライブラリ·Modernizr MOONGIFT
ModernizrはHTML5/CSS3を機能単位で実装状況を判断するJavaScriptライブラリ。 ModernizrはJavaScript製のオープンソース・ソフトウェア。数年前まではブラウザによって動く機能、動かない機能というのがあった。それらを吸収するライブラリとしてPrototype.js/jQueryなどがもてはやされた。今、時代はHTML5に変わろうとしているが話はさらにややこしくなっている。 テスト WebKitはブラウザバージョンという概念さえ持たない。Google Chromeが日々バージョンが変わっている。IEもバージョンが増えており、ブラウザによってHTML対応具合が細かく違っている。そんな中でHTML5を進める際に使ってみたいライブラリがModernizrだ。 Modernizrはブラウザごとの判断ではなく、機能ごとに使える/使えないを判断するライブラリだ。例え
君は3つのリロードを知っているか？ - os0x.blog
はい、今さら聞けないウェブ開発者の基礎知識のお時間です。 ブラウザには3つの読み込みモードがあることはご存知ですか？ 2つくらいはわかるけど、3つ目が出てこないって方は少なくないかもしれません。 リロード 一番オーソドックスなのがブラウザのリロードボタンを押したときの挙動ですね。普通ですね。 スーパーリロード ブラウザによっては、スーパーリロードという機能を備えています。IEの場合Ctrl+F5(Ctrl+更新ボタン)、Firefoxの場合Ctrl+F5(Shift+更新ボタン)、Chromeの場合Shift+更新ボタン(Ctrl+Shift+R)などでスーパーリロードを呼び出すことができます。スーパーですね。 ページ遷移(リフレッシュ) 3つ目はちょっと良い名前が思いつかないのですが、リロードではなく、通常の画面遷移での読み込みのことです。アドレスバーにフォーカスしてenterするといっ
IE9ヤバイ。IE9の文字間隔･互換モード･DOCTYPE宣言について
IE9文字間隔確認用サンプル 文字間隔や段落の間隔をチェックする為のサンプルです。とりあえずFirefox3.6とFirefox4でズレない事を確認。文字間隔のチェック用なので意味不明な文字が並んでいます。 ※追記･注意：下記ページはスタイルシートで少しだけ調整しています。 全くの未調整の場合、段落の高さが大きく異なったり、半角英数字のフォントが 文字コードで変わったり、かなり比較し難いものになったため。 後述しますが、英数字フォントにsans-serifを指定すると問題が発生するようです。 ※サーバー引っ越し後、以下リンクは文字化けするようになりました (修正予定なし) HTML 4.01 サンプル HTML 4.01+UTF8 HTML 4.01+EUC-JP HTML 4.01+SHIFT-JIS XHTML 1.0 サンプル XHTML 1.0+UTF8 XHTML 1.0+
ますます変わるブラウザー
次世代Web技術である「HTML5」を主要ブラウザーが一斉に実装し始めている。WebサイトやWebアプリケーションの作り方が大きく変わる可能性があると同時に、ターゲットブラウザーの選択も見直す必要が出てくる。主要ブラウザーのそれぞれについて、この春の動向を見ていこう。 【関連記事】 変わるブラウザー HTML5時代が目前！ 本気で学ぶJavaScript HTML5で制作したサイト「The Shodo」を解剖する IE：「9」が正念場 2年ぶりのメジャーバージョンアップを果たしたという明るい話とは裏腹に、IEは今、正念場を迎えている。4月26日にリリース（日本以外では3月14日にリリース）された「9」や、MIX11で初披露された「10」が、「6」「7」「8」と同じシェアを獲得できるかどうかは、全く分からない。 IE9はWindows Vista/7でしか動かないが、PCのOSにおけるそれら
Mac Explorer｜ Macで複数のバージョンのWebブラウザを使い分ける
Macで同じWebブラウザの複数のバージョンを共存させ、使い分ける方法です。 0xFFさんの記事のChromeに関する記述を受けて、なのですが、特にWebサイト製作者やプログラマの方などは複数のブラウザで、それもバージョンごとに動作確認・表示テストを行わなければならない場面があるかと思います。またそれ以外にも最新のベータ版を試してみたいけど拡張機能の対応がまだまだでしばらく併用したい、という時など。 その為に複数のバージョンのWebブラウザを使う方法を知る必要があるのですが、ブラウザ毎にその方法が少しずつ異なるので、ここにまとめておきます。 取り挙げるブラウザは Safari、Google Chrome、Firefox、Opera。Safari以外は設定を分けて任意の設定を使用するターミナルのオプションコマンドを調べ、それらをAppleScriptでapp化という方針です。 info.pl
Firefox 3.6、IE6のシェアを抜いて第2ブラウザに - 8月ブラウザシェア | エンタープライズ | マイコミジャーナル
Market share by Net Applications Net Applicationsから2010年8月のブラウザシェアが発表された。発表されたシェアは次のとおり。 2010年8月ブラウザシェア - Net Applications報告 2010年8月バージョン別ブラウザシェア - Net Applications報告 順位 ブラウザ シェア 推移 備考 1 IE 60.40% ↓ 3ヶ月ぶりの下落 2 Firefox 22.93% ↑ 4ヶ月ぶりの増加 3 Chrome 7.52% ↑ 力強い成長へ戻る 4 Safari 5.16% ↑ 5 Opera 2.37% ↓ 順位 バージョン別ブラウザ シェア 推移 備考 1 IE8 27.90% ↑ 8ヶ月連続1位 2 Firefox 3.6 16.80% ↑ 2位へ浮上 3 IE6 16.18% ↓ 3位へ下落 4 IE7 10
ブラウザ比較：スクリーンを一番有効活用できるブラウザってどれだ？ | ライフハッカー・ジャパン
Firefox 4のベータではユーザインターフェースが改善され、Google Chromeはその人気度を日に日に高め続け、Operaはスリックな新バージョンをリリース。ブラウザ競争は今もなお続いているわけです。今日はどのブラウザが一番スペースを無駄にせず、画面をフル活用できるかに焦点を置いてみて行きたいと思います！ 注意：Firefoxの表示エリアを最大化したり、などカスタマイズ方法は色々ありますが、今回はあくまで初期設定の状態で、というお話です。ブラウザは全て最新版を使用（バージョンはそれぞれ、Firefox 4.0 Beta 2、Safari 5、Chrome 6.0 dev、Opera 10.60、IE 8）。 全ての条件を一緒にするため、ブックマークバーは非表示、その他の設定はデフォルトのままにしています。大きな違いはIE、Opera、Firefoxにはデフォルトでステータスバーが
HTML5 Canvasのブラウザによって異なる微妙な振る舞いについてまとめてみた。 - 風と宇宙とプログラム
はじめに CanvasはHTML5とは切り離された独立した仕様(HTML Canvas 2D Context)になっているようですが、現状のブラウザ上でのCanvasのについて、普段はあまり気にしない微妙な振る舞いについて調べた結果をまとめてみました。 調べたブラウザの各バージョンは以下の通りです。 Firefox Chrome Safari Opera 3.6.8 6.0.490.1 dev 5.0.1 10.61 線を描く (lineTo) ただの直線を描くだけのlineToですが、その単純なものにも、恐らく、多くの人が普段は気にしないような問題があります。それは座標値とアンチエリアスです。詳しく見る前に、実際の結果を示しましょう。下記のイメージ中に描かれている線は、いずれも線幅(lineWidth)が1の線です。 (左から、Firefox, Chrome, Safari, Opera
第10回 JavaScriptとCSS | gihyo.jp
こんにちは、太田です。前々回と前回はHTMLの操作について解説しました。今回は、CSSの操作を中心に解説していきます。 CSSとJavaScript JavaScriptからCSSを扱うとは、JavaScriptから要素に適用されているスタイルを変更して見た目を変化させる、ということを意味します。その具体的な方法にはいくつかの種類があります。 styleプロパティの操作 class名の操作 CSS自体の操作 では、styleプロパティの操作から順番に見ていきます。 styleプロパティの操作 要素のstyleプロパティを直接操作する方法は、その要素だけに影響するので1回あたりの処理コストは低く済むというメリットはあります。しかし、複数のプロパティの操作に加え、多くの要素のスタイルを変更する場合には、スタイルを変更するたびに描画への影響の計算が行われる（この計算をreflowと呼びます）ので
オペラがやってくれた！ グーグルの空飛ぶジャガイモに対抗
グーグルが、Chromeの表示スピードは驚異的に速いのだということを印象づけるために、高速で空中を飛ぶジャガイモとChromeの表示スピードを比較するという超アホらしい（が、予算はたっぷりかかっていそうな）ビデオを発表したのは5月3日のこと。話題を呼んだこのビデオは200万回以上再生されました。 謎の実験装置から発射されるジャガイモ。 Operaもジャガイモより速いぜ！ しかしOperaの方がグーグルのChromeより速いぜ！ といいたいのか、オペラソフトウェアがこのビデオに対抗すべく、先週の木曜日にさらにアホらしいビデオの公開をやってくれました。さっそく50万回以上再生されている模様。 なにやら巨大なエンジンをメンテナンスするマッドサイエンティスト風の二人。これで実験をするのか？
Seleniumを使ったリアルタイムのデザイン確認·Cqstyle MOONGIFT
CqstyleはWindows用のオープンソース・ソフトウェア。Webサイトのデザインでターゲットブラウザになることが多いのはIE、そしてFirefoxだろう。さらにSafariやGoogle Chromeも考えるべきだが、シェアを考慮するとこの二つがまず大事になる。 IEとFirefox向けのデザインを同時に確認 各ブラウザによってレンダリング結果が多少異なるため、その調整作業が必要になる。だがFirefox向けに徹底的に調整した後、IEで確認したら思い切りずれていたなんてこともある。そんな悲惨な結果を避けるために使ってみたいのがCqstyleだ。 Cqstyleはいくつかのパターンがあるが、まずWindows向けのプログラムが基本になる。CqstyleがSeleniumサーバとなり、IEとFirefoxを立ち上げる。さらにデフォルトブラウザ向けにCSS編集ウィンドウが開くので、そのテキ
IEのブラウザシェア増加に転向、IE6も増加 | エンタープライズ | マイコミジャーナル
Market share by Net Applications Net Applicationsから2010年6月のブラウザシェアが発表された。発表されたシェアは次のとおり。 2010年6月ブラウザシェア - Net Applications報告 2010年6月バージョン別ブラウザシェア - Net Applications報告 順位 ブラウザ シェア 推移 備考 1 IE 60.32% ↑ 上昇へ転じる 2 Firefox 23.81% ↓ 2ヶ月連続の下落 3 Chrome 7.24% ↑ 力強い増加を継続 4 Safari 4.85% ↑ 5 Opera 2.27% ↓ 6 Opera Mini 0.66% ↓ 順位 バージョン別ブラウザ シェア 推移 備考 1 IE8 25.84% ↑ 6ヶ月連続1位 2 IE6 17.17% ↑ 増加へ転向 3 Firefox 3.6 15.9
HTML5ではパーサの動作も仕様に明記。ブラウザ間の互換性が高くなる！
HTML5対応パーサがFirefox 4に搭載されることを、先週の記事「Firefox 4.0の計画が発表。Direct2Dで高速描画、マルチタッチ、64ビット対応。来月にはβ版が登場か」で紹介しました。 HTML5パーサとは、単にHTML5として記述されたHTML文書をパースできるという意味ではなく、HTML5の仕様書にあるパーサの動作についての仕様を実装したものです。 そう、HTML5ではパーサの動作についても仕様書の「8.2 Parsing HTML documents」の項目で記述されているのです。これによってどのWebブラウザでも基本的な内部動作が揃うことが期待されています。 相互互換性のためのリバースエンジニアリングも不要に 仕様書では、詳細にわたりHTML5パーサの動作がアルゴリズムのレベルで記述されています。見出しだけをリストアップしてみました。 8.2.1 Overvie
Seleniumで繰り返し作業を効率化する - GeekFactory
Seleniumといえばソフトウェア開発を連想する人が多いと思いますが、日常の繰り返し作業を効率化するツールとしても活用できます。毎週の会議室予約などのWebブラウザから単調な操作を繰り返す作業は、Seleniumでまとめて処理しましょう。 ここでは、リンク切れになったWebページをGoogleの検索結果から一括削除する方法をご紹介します。 (1)操作の記録 Googleの検索結果からリンクを削除するにはこのページでURLを申請します。申請が承認されるとリンクが削除されます。リンク先が404 Not Foundを返さない場合は承認が却下されます。たくさんのリンクを削除するには、下の画面でURLを入力する作業を繰り返さなければなりません。 まずは、1回の申請操作を記録しておきます。メニューの[ツール]→[Selenium IDE]でSeleniumを起動します。起動時には右上の赤いボタンが押
XSSの攻撃手法いろいろ - うなの日記
html5securityのサイトに、XSSの各種攻撃手法がまとめられているのを発見せり!ということで、個人的に「お!」と思った攻撃をサンプルつきでご紹介します。 1. CSS Expression IE7以前には「CSS Expressions」という拡張機能があり、CSS内でJavaScriptを実行できたりします。 <div style="color:expression(alert('XSS'));">a</div> 確認 @IT -［柔軟すぎる］IEのCSS解釈で起こるXSS で詳しく解説されていますが、CSSの解釈が柔軟なことともあいまって自前で無害化するのはなかなか困難。以下のようなコードでもスクリプトが実行されてしまいます。 <div style="color:expr/* コメントの挿入 */ession(alert('XSS'));">a</div> 確認 <div s
【ブラウザ】 Google Chrome が早すぎてヤバい : 暇人＼(^o^)／速報
【ブラウザ】 Google Chrome が早すぎてヤバい Tweet 1 名前： ミツクリエナガチョウチンアンコウ(アラバマ州)[] 投稿日：2010/05/08(土) 13:16:33.08 ID:VSNCqxn5 BE:261972645-PLT(12001) ポイント特典 Googleが笑撃のChromeスピードデモビデオを制作 昨日（米国時間5/4）、われわれはChromeの最新版のリリースに伴って、その速さを単に 説明するだけでなく、デモするビデオを制作していると報じた。このビデオはルーブ・ゴールド バーグ・マシン風の装置によってChromeのウェブページの読み込みがいかに高速かをデモ している。昨日はメイキングのビデオを入手したが、今日は、ビデオそのものを見ることができた。 下にエンベッドしてある。すごいビデオだ。 このビデオはページの読み込みを毎秒2700コマで撮影している
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
