IE6, IE7, IE8などIEの異なるバージョンをテストするアプリケーション・環境のまとめとそれぞれの特徴を紹介します。 Internet Explorer 7のキャプチャ [ad#ad-2] 「Sandboxed IE Browsers from Spoon」から各アプリケーション・環境のまとめと特徴をピックアップし、いくつか追加しました。 IETester Virtual PC IE Super Preview IE Collection マルチPC環境 IETester IETester 対応するIEのバージョン IE5.5 IE6 IE7 IE8 IE9preview 主な特徴 異なるIEのバージョンをタブで同時に表示することが可能なアプリケーションです。 プリントプレビューのテスト、ポップアップによるインタラクション以外のテストは万事良好に動作します。FlashとCSSのフィ
業務アプリケーションがWebアプリケーションとして開発されるのは現在の大きなトレンドです。それに伴ってHTMLとCSSによって業務アプリケーションの複雑なユーザーインターフェイスを構築する必要性が生じます。 しかし機能が豊富な業務アプリケーションのユーザーインターフェイスをHTMLとCSSで構築するのはそれほど簡単ではなく、しかもそれをアプリケーション全体で統一し、優れたユーザビリティを実現するのはさらに手間のかかる作業です。 そうした業務用のWebアプリケーションのユーザーインターフェイスを構築するためのサンプルが豊富に含まれたガイドライン「IBM Lotus User Interface Developer Documentation」が、IBMから公開されました。 今回公開されたIBMのガイドラインは、同社のLotus製品群のユーザビリティを統一するための社内プロジェクト「One U
ごうだまりぽです。作ったモノとか拾った知識とかひねり出した知恵とかをさらしてます。読むと価値観が360度変わること請け合い! << 2009/07/ 1 2 3 4 5 6 7 8 1. 一蘭の「味集中システム」の凄さは、ついたてと注文用紙だけじゃないよ! 9 1. ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 >> ■ [javascript]ブラウザ上でのリッチテキスト編集コマンドの比較表とテスト場を作ってみたよ。ブラウザ上でリッチテキストが編集できるというのは最近 CMS などでよく見かけるようになりました。Google Docs や Wordpress あたりは有名ですね。 今回は、リッチテキスト編集のコマンド群を I
DOCTYPE スイッチについて再度まとめ 以前 DOCTYPE スイッチについての検証とまとめと一覧表という記事で DOCTYPE スイッチについてまとめましたが、あれから 2 年弱が経過したので、改めてまとめてみようと思います。 まとめるまでの話がけっこう長いので、一覧表だけ参照したい ! という場合は DOCTYPE スイッチの一覧表をご覧ください。 DOCTYPE スイッチとは何か そもそも DOCTYPE スイッチとは何か、というのがまず書くべきところですが、これは私が書かずとも良質のリソースが各種ありますのでそのリンクのみまとめておきます。 !DOCTYPE スイッチ 各UAのDOCTYPEスイッチについて - CSS Dencitie Mozilla's DOCTYPE sniffing - MDC Mozilla's DOCTYPE sniffing - MDC ( 日本語
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時にはやはり手間がかかる。 今回はさらに楽をできて便利なアイテムを紹介しよう。それが、CSVファイル（カンマ区切りテキスト）を読み込み、Tableに整形して表示するJavaScriptライブラリ「jquery.csv2table.js」だ。 JavaScript関連の著書も多い高橋登史朗氏が作った「jquery.csv2table.js」は、名前のとおりjQueryのプラグインとして動作するもので、HTMLにわずか数行のスクリプトを書き加えるだけで使える手軽なライブラリだ。さっそく実際にjquery.
Firefoxの速度に残念な思いをしながらも、それでも離れられないのはFirebugがあるからだ。普段のブラウジングはともかくとして、Web開発でこれがなかったらどれだけの手間がかかるか分からない。 Firefox上での開発はそれで良いだろう。だが、ブラウザはFirefoxだけでなく、むしろ少数派だ。大多数向けのIEに問題なく対応させるためにも、IE向けの効率的なデバッガが必要だ。そしてお勧めできるのが登場だ。 今回紹介するフリーウェアはDebugBar、IE向けの開発支援ツールだ。 DebugBarをインストールすると、ツールバーに表示される。そして詳細な設定や情報はサイドバーに表示される。DOM操作を使えば、表示している画像、フォームの項目、リンクがどの項目の情報なのかが一目で分かる。 スクリプトを実行することももちろん可能だ。関数の一覧もとれるのが便利だ。また、HTML文法のチェック
様々なWebアプリケーションが登場しているが、それでも作成はローカル環境で行う必要があり、不便さが残っている。開発すらWeb上でできればどれだけ手軽だろう。 そんな希望を実現させてくれるかも知れないのがこのソフトウェアだ。 今回紹介するオープンソース・ソフトウェアはRainbow 9、Webブラウザ上で開発するソフトウェアだ。 Rainbow 9はテキストエリアをJavaScript、CSS、HTML、XML等が作成しやすいように変化させてくれる。JavaScriptは、その場で実行できるコンソール機能がある。 エディタ上の見た目も、CSSで指定すれば色の変更が容易に行える。補完機能もあり、エディタとしてもなかなか面白い。 そして、HTML、JavaScript、CSSを作成し、その場でプレビューすることもできる。ファイルはタグ情報とともに保存され、後で呼び出すことが可能だ。尚、試してみた
DOCTYPE 宣言の種類によって、ブラウザのレンダリングが標準準拠モードになったり後方互換モードになったりすることを DOCTYPE スイッチと言います。 今回は要点だけ手短かに行きたいので詳しくは解説しませんが、 IE 6 だと DOCTYPE 宣言より前になんらかの文字 ( 記述が推奨される XML 宣言であっても ) があれば問答無用で後方互換モードになるバグがあるとか、まあよく聞く話題です。 標準準拠モードと後方互換モードでレンダリングにどんな違いが現れるかは Lucky bag::blog: xml宣言についてや !DOCTYPE スイッチが良いリソースなのでそちらをご覧下さい。 既存の DOCTYPE スイッチ一覧表に "?" ここ数日、この DOCTYPE スイッチについて調べていたのですが、書籍やサイトに書かれている情報と、実際に試してみた結果が少し違うんですよね。 ある
Firefoxは、Mozilla Foundation(日本法人はMozilla Japan)を中心にオープンソースで開発され、無償でダウンロードできるWebブラウザだ。Windows / Linux / Mac OS Xに対応している。複数のWebページを同じウィンドウ内でタブごとに切り換えて表示する「タブブラウジング」や、ブログの更新情報などを受信する「RSSリーダー」といった先進的な機能をいち早く開発してきたことから、Webアプリケーションの開発者(以下、単に「開発者」と記す)を始め、様々な層のユーザーから支持されている。Firefoxの世界シェアは、2007年2月現在、米Net Applicationsによる調査では14.18%となっている。 もう一つ、Firefoxが支持を集める理由として、アドオンによる拡張機能が豊富に提供されていることが挙げられる。拡張機能はMozilla自
HTML4.0 の Transitional DTD を元に、各HTML のデータを加味して作成した HTMLリファレンスです。 水無月ばけらの HTMLリファレンス リファレンスを読む前に 要素リファレンス(分類順) [→アルファベット順]
Firebug - Web Development Evolved 便利すぎて困る程のFireBug1.0系を使ってみよう、ということで、広く使われているであろう0.4系と変わった点をプレビュー。 Googleなどの検索エンジンで、addons.mozilla.org にUPされている0.4系が上に表示されているため、まだ1.0系を使っていない人も多いのではないでしょうか？(という私もそうでした) FireBug1.0系のインストール方法の紹介〜その追加された強力すぎる機能について見ていきましょう。 FireBug1.0系インストール http://www.getfirebug.com/ にてFireBug1.0系のインストール。 FireFox - DOMインスペクタのインストール FireFoxインストール時にDOMインスペクタが入っていない場合は、FireBug1.0系の機能を最大限
Google、Yahoo!、Microsoftの3社によるSitemaps 0.90のサポートが表明された。同プロトコルを使うと効率よく自サイトを検索サイトに登録することができる。3大検索エンジンによってサポートされたことを機に、簡単に説明しておこう。 1 Sitemaps XMLファイル規約 Sitemaps XMLファイルは単純なXMLファイルだが、いくつか気をつける点がある。特につぎの点に注意されたい。 Sitemaps XMLファイルはUTF-8で保存する必要がある。XMLファイルの定義にもUTF-8であることを明記する XMLファイルに含まれるデータとしての文字列は、エンティティエスケープコードを使って表記する必要がある URLはURLエスケープを使って表記される必要がある(たとえば非アスキー文字を使っての表記がある場合、そのサーバが採用しているエンコーディングをURLエスケープ
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
1年ぐらい前からある無料サービスで、自分の作ったサイトやブログなどがほかのブラウザから見ると正常に見えているかどうかを画像として見せてくれるサービスです。特に自分が普段使っているOS以外の環境下での見え方がわかるので重宝します。 対応しているブラウザは、WindowsはFirefox1.0/1.5/2.0、K-Melon 1.0、MSIE 6.0/7.0、Mozilla 1.7、Navigator 4.8、Netscape 6.2/7.2/8.1、SeaMonkey 1.0。MacはSafari 2.0。LinuxはDillo 0.8、Epiphany 2.14、Firebird 0.7、Firefox 1.0/1.5/2.0/3.0、Flock 0.7、Galeon 2.0、Konqueror 3.3/3.4/3.5、Mozilla 1.7、Navigator 4.8、Opera 8.5
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
