AcidテストとWebブラウザの仕組み（1/2） － ＠IT
Webブラウザ非互換性の温床となったのは何か？ 株式会社ピーデー 川俣晶 2008/7/3 Ｉｎｔｅｒｎｅｔ Explorer 8.0やFirefox 3.0で注目されるWebブラウザ。いまこそ、復習しよう。Webブラウザの非互換性の発生源は何だったのか？ （編集部） Webブラウザを総復習 Internet Explorer 8.0のベータ版が提供され、Firefox 3.0が正式リリースされるいま、Webブラウザをめぐる状況は再び激動しようとしています。 ここで、私たちWebブラウザのユーザーは、新しく提供されるWebブラウザのどれを使うべきか、あるいは、従来どおりのWebブラウザを使い続けるか、選択を行う必要に迫られます。 しかし、いまの私たちは、Webブラウザ選びを行うために必要な基礎知識を本当に持っていると、自信を持って断言できるでしょうか? そんなことは分かっている、と思うかも
クロスブラウザのためのHTML/CSSのテクニック集 | コリス
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なので、詳細やキャプチャは上記エントリーを参考ください。 サマリー doctypeはstrictを使用し、正しいHTML/CSSを使用してください。 スタイルをリセットするスタイルシートを使用してください。 Firefoxでのレンダリングのために、テキストのスタイルシートに「-moz-opacity:0.99」を指定してください。 Safari用には「text-shadow:#000 0 0 0」を使用してください。 画像のリサイズをCSS/HTMLで行わないでください。 全てのブラウザでフォントのレンダリングを確認してください。 「Lucida」は使用しないでください。 テキ
次世代ブラウザ、Web制作者の苦悩 (1/4)
今月17日の公開からわずか1日で800万件超というダウンロード実績を打ち立てた「Firefox 3」。一足早く今月12日に公開された「Opera 9.5」も17日までの5日間で470万件のダウンロードを記録するなど、次世代Webブラウザの出足が好調だ。 JavaScriptまわりを中心とした処理速度の向上（関連記事1）、セキュリティの強化や多機能化（関連記事2）といったさまざまなメリットが、それだけ多くのPC/ネットユーザーに歓迎されているということだろう。 だがその一方で、人知れず苦労しているのが、企業のWebサイトやインターネットサービスの制作を担う、「Webデザイナー」や「マークアップエンジニア」たちだ。実は普段、私たちが何気なく見ているWebページを「どのブラウザでも同じ見た目に保つ」というのは一筋縄ではいかない。Web制作者から見た、“次世代ブラウザで変わったところ”を探ってみた
Webデバッガ最強はFirebugだが、ほかのブラウザでは… | エンタープライズ | マイコミジャーナル
JavaScriptベースのWebアプリケーションやWebサイトのデザイン調整に欠かせないツールがFirebugだ。Webブラウザ内で直接インスペクトやデバッグを実施するツールとしては実質的にデファクトスタンダードといっていい。どれも満足のいく機能ばかりだが、唯一不満な点をあげるとすればFirefoxエクステンションとして実装されているためほかのWebブラウザでは使えないというところだろう。IEが最大シェアを持っていることにかわりはなく、むしろ標準に準拠していないことが多いIEでこそ同様のツールが必要だ。 そこでKevin Yank氏がSitePointにアップしたドキュメントIn-browser Development Tools: Firebug Still Kingに注目したい。同氏は代表的なWebブラウザとそのデバッグ/インスペクトツールに言及し現状をまとめている。内容を簡単にかい
サーバーエンジニアが入れておくと便利なFirefoxアドオン７選 - Unix的なアレ
サーバーエンジニアといえど、ページ表示のパフォーマンスチューニングなどブラウザで確認したりすることはよくあると思います。 自分自身のメモもかねて、そんな際に自分がよく使用しているアドオンを紹介したいと思います。 firebug JavascriptやCSSのコーディングをやる方にはおなじみですね。firebugです。私はjavascriptのDebugだけでなく、各コンテンツの取得時間を見る際にも使用しています。 https://addons.mozilla.org/ja/firefox/addon/1843 Yslow firebugに付加機能として追加できるyslowです。これもパフォーマンスチューニングの際には効果を発揮します。 expireの期間や、gzipしているかなどからそのページのパフォーマンスのランクを表示してくれます。 https://addons.mozilla.org
継続的なブラウザテストを支援する·Selenium Auto Exec Server MOONGIFT
システムのテストは重要だ。それは分かっていつつも、きちんと的確に行われているケースは数少ない。開発工程の中でも、テストに割り当てられる人員、期間ともに短いのが一般的だ。その中でできるだけテストを行おうと思ったら、自動化は避けられないだろう。 サーバ起動中 だが、自動化されていながらもテストできないのは良くあるケースだ。そこで自動で日々テストを行ってくれるシステムを導入しよう。 今回紹介するオープンソース・ソフトウェアはSelenium Auto Exec Server（以下Selenium AES）、Seleniumを使ったブラウザ自動テストソフトウェアだ。 Selenium AESは、ブラウザテストの自動化ツールであるSeleniumをベースに、テストを自動的に行い、その結果をメールすると言ったことを簡単にできるようにするソフトウェアだ。 ブラウザからのテスト実行 テストケースをSubv
Webアプリ開発環境としてのSafariを知ってますか？
「Java News.jp（Javaに関する最新ニュース）」の安藤幸央氏が、CoolなプログラミングのためのノウハウやTIPS、筆者の経験などを「Rundown」（駆け足の要点説明）でお届けします（編集部） シェア競争に挑まないWebブラウザ「Safari」の登場 2008年3月、iPhoneの日本登場に先駆けて、Windows版Safari 3.1が登場しました（参考「Apple、Windowsにも正式対応の「Safari 3.1」リリース」）。 WebブラウザのシェアはFirefoxが健闘しつつも、いまだInternet Explorer（以下、IE）が大半を占め、多くのWebアプリケーションサービスにとって、IEへの対応が必須であると思われてきました。そんなWebブラウザのシェア競争の中へSafariが登場したことは、最初はとても異質なことに感じられました（参考「新しいWebブラウザ
MOONGIFT: » ブラウザをターミナルから操作して自動テストを実現「Firewatir」:オープンソースを毎日紹介
Webアプリケーションのテストは面倒くさい。HTTPでゲットするだけであれば良いが、ポストしたり、JavaScriptでレンダリングしてあったりと、動作も複雑だ。それらを全て網羅的にテストするのはなかなか難しい。 自動操作中 そこでテストにブラウザを使ってみよう。自動操作することで、テストの効率化をはかれる。 今回紹介するオープンソース・ソフトウェアはFirewatir、Firefoxを自動操作するソフトウェアだ。 FirewatirはIEをRubyを使って自動操作するソフトウェア、WatirのFirefox板とでも言うべきソフトウェアだ。実際、読み込むファイル等は違えども全体的な操作はWatirと同じスクリプトで動作する。 操作中のターミナル 実際の使い方はFirewatirの提供するXPIをFirefoxにインストールし、JSSHを起動する。そしてGemを使ってFirewatirをイン
[CSS]IE6でよく遭遇する6つのバグとその解決方法 | コリス
CSS Trickのエントリーから、IE6でよく遭遇する6つのバグとその解決方法の紹介です。 IE CSS Bugs That’ll Get You Every Time ボックスモデルのバグ マージンが二倍になってしまうバグ min-width, min-heihgtと同等の指定 Stepdownバグ hover擬似クラスをa要素以外にも対応 透過PNGを透過表示に対応 ボックスモデルのバグ <textarea name="code" class="css" cols="60" rows="5"> div#box{ width:100px; border:2px solid black; padding:10px; } </textarea>
知っていると便利なFirefoxの9つのショートカット | コリス
Incredible Firefox Keyboard Shortcuts Which You Probably Don’t Know About ショートカットはWindowsの表記です。 Macの場合は、下記置き換えてください。 Ctrl = Cmd Alt = Opt [Shift] + [Enter] アドレスバーで「.net」を補完します。 [Ctrl] + [Shift] + [Enter]で「.org」の補完。 ※[Ctrl] + [Enter]で「.com」を補完。 [Alt] + [D] フォーカスをアドレスバーにします。 ※[Ctrl] + [L]も同じ。 [Ctrl] + [K]でフォーカスを検索バーにフォーカス。 [Ctrl] + [↑] or [↓]で検索エンジンの変更。 [Ctrl]+ [T] タブを新しく開きます。 [Ctrl] + [[Shift] + [T
SaaSに追い風、桁違いに速い次世代Webブラウザたち ― ＠IT
2008/04/04 Webアプリケーションがローカルアプリケーションに比べてもたついて感じられるのには大きく2つの理由がある。1つはネットワーク遅延で応答性が悪いこと。もう1つはコンテンツを動的に扱うJavaScriptエンジンが遅いことだ。 前者のネットワークの遅延についてはAjaxと総称される非同期通信のテクニックが進化したことで、体感速度は大幅に向上した。単純な文字列の書き換え程度であれば、サーバからの応答データをパーズすることなく直接HTML中に埋め込むことで高速化する“innerHTML”と呼ばれるようなテクニックも、メジャーなWebブラウザで使えるようになっている。 後者の理由、JavaScriptエンジンが遅いという認識は、まだあまり広く共有されていないかもしれない。Webブラウザベースの（JavaScriptを使った）アプリケーションの動作は「モッサリ」している。ネイティ
Windows版Safari 3.1の実力は？ IE/Firefoxと比べてみた
2008年3月18日，アップルコンピュータはWebブラウザ「Safari 3.1」を公開しました。SafariはMac OS X v10.4.11，Mac OS X v10.5.2以降のアップルコンピュータあるいは，Windows XPまたはWindows Vistaで動作します――普段Windowsを使っている人でこのリリース報道を知っていた人はたぶんそんなに多くないのではないでしょうか。Safariというブラウザの名前を知らなかった人もたくさんいると思います。Windowsユーザーであれば，Operaのほうがまだ知名度が高いかもしれません。Safariは2003年にMac OS Xに搭載され，すでに5年以上の歴史を持っています。今回公開されたSafari 3.1は，歴代Safariとしては初めてWindows対応版も含むバージョンとなりました。 それはある日突然インストールされた Wi
[CSS]IE8までのブラウザを対象としたCSS Hack/Filterのまとめサイト
Browser CSS Hack/Filter supportは、IE4, Ns4から、IE8, Fx2, Op9.5, Safari3など、多くのブラウザのCSS Hack/Filterの対応をまとめたサイトです。 Browser CSS Hack/Filter support Browser CSS Hack/Filter supportは、dithered.comのCSS Filterをバージョンアップしたもので、CSS Hack/Filterの対応を検証しているのは下記のブラウザになります。 ※バージョン表記は省略。 Internet Explorer (Windows)：4.0.1～8beta Internet Explorer (Mac OS)：4.0～5.2.3 Pocket Internet Explorer (PocketPC)：4.0.1～5.2 Gecko(Firef
CompanionJS / HomePage | My DebugBar
Companion.JS (pronounced Companion dot JS or CJS) is a Javascript debugger for IE. The current version is 0.5.5. Companion.JS adds the following features to IE : Detailled javascript error reporting (call stack and real file name where the error occured). "Firebug"-like Console API feature. Javascript console feature useful to inspect javascript objects at runtime. A toolbar icon to open the Compa
ブラウザ上で動く12のリッチテキストエディター:phpspot開発日誌
9 of the best Rich Text editors reviewed ブラウザ上で動く12のリッチテキストエディター。 ブラウザ上でリッチテキストを編集する、というのは当たり前になりましたね。 というわけでライブラリも一杯でてます。 NiceEdit Kupu TinyMCE Kevin Roth RTE FCKEditor YUI Editor WebWiz RichTextEditor CodePlex Rich Text Editor - ASP.net XStandard prototype.jsでクロスブラウザなWYSIWIGエディタ jWYSIWYG NicEdit 沢山あるものですね。
自分が入れてるLDR関連のGreasemonkeyをさらしてみる - noreplyのブログ
yamifuu: @skashu の LDR 関連のグリモンが知りたい。紹介記事書いてほしい http://twitter.com/yamifuu/statuses/768791552 id:yamifuuからリクエストを受けたので、自分が使わせて頂いているものをさらしてみる。 Greasemonkey とりあえずAutopagerize+Minibuffer+LDRizeは必須ということで。 MinibufferBookmarkCommand | 3.14 ピンが0の状態でB ReblogCommand | 3.14 ピンが0の状態でt ldrのレートを++/--できるようにするgreasemonkeyスクリプト - いぬビーム qで--/wで++ livedoor Readerのフィードを複数キーでソートするGreasemonkeyスクリプト | 東京嫉妬 フラット/レート/読者が多い
クロスブラウザのJavaScriptコードを書くときに気をつけること | エンタープライズ | マイコミジャーナル
Mozilla Foundation, JavaScript Evangelist, John Resig氏は2月29日(米国時間)、自身のブログにおいてBad Object DetectionのタイトルのもとクロスブラウザのJavaScriptコードを記述する際の注意事項をまとめている。同氏はJavaScript Ajax WebアプリケーションフレームワークjQueryの主要開発者であり、このあたりの事情に精通している。 オブジェクト検出の記述例 同氏はクロスブラウザのJavaScriptコードを記述するには、使いたい機能ごとに使えるかどうかを検出する方法が一般的なやり方だと説明。オブジェクト検出の方法はケースバイケースで違うとし、いくつかの例を紹介している。特定のプロパティが存在するかどうかで機能の有無を判断する方法が紹介されている。 ただしこうした方法は、未知のブラウザに対しての動
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.asial.co.jp/269
[JS]ブラウザ上で動作するバーチャルキーボードのスクリプト
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
