Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示 [...]
あなたが定期的に巡回しているウェブサイトへのアクセスを迅速に行いたいのか、高機能のタブを使用したいのか、それともシステムを潜在的に危険なアクティブコンポーネントから守りたいのかにかかわらず、あなたの役に立つFirefoxのアドオンが存在している。本記事では、時間を節約し、ブラウザの使い勝手を向上させるような、筆者お気に入りのFirefoxアドオンを紹介して...
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと...
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得する...
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...]
Web Developerの大きな特徴に、ファイルそのものを書き換えることなくHTMLやCSSの編集結果をプレビューできるという機能がある。 例えばCSSの場合、ツールバーから［CSS］−［CSSを編集する］を選択すると、現在のページが使用しているCSSがサイドバー（表示場所は変更可能）に表示される。これを変更し、上部の［適用］アイコンをクリックすると、その内容が表示中のページ...
本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介しています。 連載第1回目となる前回は、CSSを使ったクロスブラウザなデザインを実現するための第一歩として、「表示モード」について解説しました。今回からは、表示モードを統一してもカバーできないブラウザの実装差異を補う方法として、CSSハ...
ロードバランサーの機能のうち、セッション維持は重要な役割な一つです。セッション維持を実現するための方法としては主に4つあります。 ソースIPアドレス利用 Cookie利用 SSL Session ID利用 URL利用 一番手軽なのはソースIPアドレスを利用する方法なのですが、NAT(Network Address Translation)環境では全てのマシンが同じIPアドレスに見えてしまうのでこの方法が使えない場合も多いと思い...
『 FirebugLite1.2登場、IESafariOperaでFirebug活用｜エンタープライズ｜マイコミジャーナル このエントリーを含むブックマーク 「ページに挿入可能なJavaScriptとして実装されているためFirefoxのみならずIE、Safari、Operaなどのブラウザでも使えるという特徴がある。」 』
『 DOM経由で動的にロード,数年後にはもはや不要になっているかも。Safari,IE8はJavaScriptを並列してロードする実装がされている。FFX3はブロックして読み込む、将来同様に並列読み込みとみられる 』
ウェブブラウザで開くと何かと不便な向きもあるpdfですが((pluginなんか絶対入れるもんかという主義の人もいますし))、ちょっと幸せになれるかもしれない小技を見つけたので紹介。 pdfを開く際にページを指定するなんて芸当ができる。 例えば、2ページ目を開きたいなら、URLのあとに#で区切って、code=2と記述すればいい。 http://www.jitec.ipa.go.jp/1_01mosikomi/20a_annaisho/20a_all.pdf#page=2 （IP...
目的・経緯 embed 要素は XHTML 1.0/1.1 では定義されておらず、画像以外のオブジェクト埋め込みには object 要素だけで行います。しかし object 要素は以前からブラウザごとの実装に差異が多く、使いどころが難しくて結局 DTD を HTML 4.01 にして embed タグを書かざるを得ないということがままありました。 ここでは、それを解決するために色々書き方を変えては異なる環境でテストし、...
Dynamic Layoutは、ユーザーのブラウザの幅を認識し、それに適したスタイルシートでページのレイアウトを最適化するスクリプトです。 Dynamic Layout デモ Dynamic Holy Grail [...]
打ち合わせがあれば「iPhone 3G買わないんですか？」と、挨拶代わりに聞かれるここ最近。IT業界的には大きなトピックとなっているわけですが、底辺の自分としては発売が楽しみでもあり、その余波が怖くもありな毎日です……。 「iPhone 3G」は、ご多分に漏れず、やっぱり気になります。気になるポイントはいろいろあるんですが、その１つは……「最近作ったあのサイト、iPhon...
Sofrware is hardのエントリーから、豊富な開発ツールを備えたFirefoxのアドオン「Firebug」の機能を強化する機能拡張を紹介します。 List of Firebug Extensions Fir [...]
Firefoxの強みといえば、やはり膨大な種類と強力なアドオンでしょう。その中でも特に使える、そして開発に役立つアドオンがありますので是非活用してみてください。もうこれでアプリ要らなくなるかもしれません。 ◆DreamWeaverの代わりに『Codetch』 言うならば、DreamWeaver。ブラウザ上で、HTMLのコーディングが視覚的にできてしまうDW要らなくなるソフト ■Codetch.com :: Home ■イン...
Home - Pencil ProjectFirefoxにGUIプロトタイピングの機能を追加するものすごい拡張「The ...
Firefoxは高速なブラウザだが、拡張機能によってウェブ開発者やデザイナーのための強力な開発ツールに変えることもできる。この記事では、最初に試してみるべき10のアドオンを紹介する。 Firefoxはオープンプラットフォームを備えており、拡張することでほとんど何にでも変えることができる。何千とまではいかなくとも、これまでに何百もの開発者がこのプラットフォーム...
anthonyshortのエントリーから、クロスブラウザのためのHTMLとCSSのテクニックの紹介です。 How to get Cross Browser Compatibility Every Time 簡単な意訳なの [...]
