Pixel Perfectは、ウェブサイトのデザインをピクセル単位でしっかり確認できるFirefoxのアドオンです。 Pixel Perfect Pixel Perfectは指定した画像をFirefox上に重ねて表示 [...]
長くうわさされてきた、Googleのオープンソースブラウザプロジェクトとして、「Google Chrome」の存在を示す、あるオンライン「漫画本」が米国時間9月1日に登場した。漫画家のScott McCloud氏の手になるイラストは、Googleが正式に発表したものではないものの、19名のGoogle開発者のような登場人物と、その発言が含まれている。 Google Blogoscopedに掲載されたオンライン漫画（提供：Google ...
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いた...
Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね！ Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ！」と感じた方も多いかと思います。Ubiquityはブラウザ上でのありとあらゆる操作をスマートにこなせるようにしてくれる、超強力なコマンドラインツールです。...
これはデザイナーのみならず導入必須のソフトウェアと言えそうだ。 Webサイトを作る際には、モックアップが必要になる。それをベースにして「ここをこうしよう」「次はどこに遷移させよう」といった議論が可能になる。頭の中だけではイメージがはっきりせず、意見も出しづらい。 ドラッグアンドドロップでモックアップを作成できる そんなモックアップを作成しようと...
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやって...
こんにちは。ライブドアでモバイルディレクターをしている河野です。 モバイルディレクターをしていますと、モバイルのサイトをPCで見たいという要望が少なからずあります。それは、PC からの方が実機で見るよりレスポンスが早く、また電波状況に左右されずに閲覧できたり、リンク先の URL の情報やヘッダ情報、画面キャプチャーなど実機からでは得られない情報を取得する...
ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでア [...]
Web Developerの大きな特徴に、ファイルそのものを書き換えることなくHTMLやCSSの編集結果をプレビューできるという機能がある。 例えばCSSの場合、ツールバーから［CSS］−［CSSを編集する］を選択すると、現在のページが使用しているCSSがサイドバー（表示場所は変更可能）に表示される。これを変更し、上部の［適用］アイコンをクリックすると、その内容が表示中のページ...
ただのお絵かきチャットかと思ったら違った。これ、すごい便利かも。 Twiddlaはブラウザ機能付きのお絵かきチャットだ。友達と一緒にネットサーフィンをしながら「このサイトのここがさぁ」なんてことが実現できる。 ただのおしゃべりにもいいだろうし、うまく使えばサイトのQAなんかにも使えるだろう。仕事にもなにげに役立ちそうだ。 また会員登録しなくても使える点も...
本連載では、「クロスブラウザに対応したデザインテクニック」をテーマに、保守性や互換性に優れたXHTML+CSSの書き方を紹介しています。 連載第1回目となる前回は、CSSを使ったクロスブラウザなデザインを実現するための第一歩として、「表示モード」について解説しました。今回からは、表示モードを統一してもカバーできないブラウザの実装差異を補う方法として、CSSハ...
『 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...
『 普通こんだけメジャーなソフトのバージョンアップというと「○○は良くなったが××は前のほうが」とか言われそうなもんだけど、firefox3って全然悪い評判聞かないので乗り換えに躊躇する理由ほとんど無かったんだよね 』
プログラマとかだとfirefoxを使ってる人が多いと思いますがナレッジデータベースでは昔からoperaを社内の公式ブラウザとして採用しています。理由は以下。 １.カスタマイズなしに早くて高性能firefoxユーザーがよくそれ「firefoxでもできるよ」というケースはほとんどがアドオンを追加したりレジストリを変更したりするものです。そのような作業をすることで得られる効率...
目的・経緯 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 [...]
