IE8における拡大縮小バグ 先日リリースされたIE8だが、多くのバグを含んでおり、まだまだWEB製作者を悩ませそうです。 (追記)Firefox3でも発生しますね。検証不足でした。 例えば、私が見つけたのは拡大縮小に関するバグ。(文字ではなくズームによる) ul{ margin:10px; width:600px; border:1px blue solid; } ul li{ list-style-type:none; margin:2px; border:1px red solid; width:194px; height:194px; float:left; display:inline; } サンプル などのようにリスト要素を利用して表状の形態を表現した際、通常は以下のように表示される。 IE8　100%で表示。 これを95%に変更すると以下のようになる。 IE8　95%で表示。

FirefoxとOperaでword-break:break-allを実現する「wordBreak.js」 IEやsafari、Google Chromeではword-breakプロパティが実装されていますが、FirefoxやOperaではword-breakプロパティは実装されていません。 そこで、FirefoxとOperaでword-break:break-allを実現するJavaScriptライブラリ「wordBreak.js」を作成しました。 使い方 ダウンロードした「wordBreak.js」をhead要素などで読み込んでください。 <script type="text/javascript" src="./wordBreak.js"></script> word-break:break-allを利用したいtable要素のclass名に「wordBreak」というclass名を追

Safariのバージョン3では、スタイルシートを利用して文字のアウトラインを表示できるようになった。スタイルシートで文字をアウトライン化すれば、画像を使わずに文字のデザインの幅を広げることができる。「Safari 3.1でWebフォントを利用する」で紹介したWebフォントが普及すれば、文字のデザインに画像を使う必要は少なくなっていくだろう。 アウトラインのデザインを指定する 文字のアウトラインのデザインは、以下のような-webkit-text-stroke〜というプロパティで指定する。現在のところ、指定できるのはアウトラインの色と太さだ。 アウトラインのデザインを指定するプロパティ プロパティ機能

FireFox3のDownload Dayが始まってますよ！ ２からの修正は１万５千箇所だとか。 さっそく使ってみたところ、ページの表示が明らかに早くなってます。すばらしい。 手持ちで一番早かったSafariと同じくらいか超えるくらいかも。 ２と３は別にインストールして併用できます。 上書きインスコは色々トラブルの元らしいので、念のため別にしといた方が無難だと思う。 公式にこの併用方法が載ってるんだけど、アクセス集中で見れないので続きにメモっておく。 Windows版 Firefox 3 正式版 をダウンロード。 Firefox 2 を終了する。 Windows キーと R キーを同時に押し、ファイル名を指定して実行 ダイアログを開く。 (Mac OS X 上で Windows を実行している場合は Command+R) 「firefox -createprofile fx3」と入力して

一見したところ、前のバージョンとそれほど違いはないように見える。ユーザービリティの点でかなり改善されてはいるけれど、Webユーザーにとっては劇的に変わったところはない。 だがそれは見た目にだまされているのかもしれない。6月17日にリリースされたFirefox 3は、Webアプリケーションの開発・配信方法を変え、さらにはわたしたちのWebの使い方、考え方までも変えるWebブラウズの新たな局面を開くだろう。 それは、Firefox 3の革新のほとんどが表面からは見えない部分にあるからだ。Firefox 3の主な新機能には、オフライン機能と、Webベースのアプリケーションやサービスとシームレスに連係する機能などがある。Firefox 3ではこの新機能により、ユーザーがインターネットに接続していないときでも使えて、アプリケーションがOSと連係するのと同じようにブラウザと連係するアプリケーションやコ

FirefoxをMac OSXで常時利用しているが、前にバージョン2を使っていて調子が悪くなり、現在は3に移行している。だが、Firefoxアドオンはまだまだ2がメインであり、試用する際にはFirefox2へ切り替える必要があった。 また、開発している際にもFirefox2と3では見え方が異なるので両方のブラウザを立ち上げて確認できると便利だ。そこで複数のFirefoxが立ち上げられるこちらを紹介しよう。 今回紹介するオープンソース・ソフトウェアはMultiFireFox、複数のFirefoxを立ち上げられるソフトウェアだ。 異なるバージョンというだけではない。Firefox3を複数立ち上げることだってできる。例えば英語版と日本語版、アドオンを入れた場合と入れていない場合とを試すような使い方が可能だ。 種を言えば、プロファイルを複数作成できるのがMultiFireFoxだ。これによりFir

「私のリアルな海外投資の結果をお見せします」を運営している管理者です。お越しいただきありがとうございます。 投資全般が好きな私は国内株式や海外への不動産投資や株式・定期口座など多くの投資をしています。 情報収集で多くの投資ブログを閲覧していますが、圧倒的に「投資に失敗している人」が海外投資を批判する内容の記事が多いことに驚きました。 海外投資に失敗している方の特徴はどれも中間業者の選定に間違いがあると感じています。そう海外投資には必ず資産を運用する会社があってこの運用会社の投資の腕にかかってるのです。この選定さえきちんとすれば確実に海外投資はよい結果が期待できます。投資なのでリスクは必ずありますがそのリスクを極力少なくする私の経験を交えて情報を配信したいと思います このサイトは「将来の日本は大丈夫だろうか？」「国家破たんもあるの？」「日本に資産を置いても全然増えない！」でも海外投資は怖いし

現在のWeb制作では、画像を使ってサイズ可変な罫線を表示する場合、辺やコーナー別に画像を用意して対応する。しかし、画像を作成するのに手間がかかる上に、画像の表示先として複数の要素（タグ）を用意する必要があるなど、HTML/XHTMLソースやスタイルシートの設定が複雑になるという問題がある。 それに対して、CSS 3ではborder-imageプロパティを利用することにより、1枚の画像からサイズ可変な罫線を表示する方法が提案されている。border-imageプロパティでは、ブラウザが1枚の画像を9つに分割して罫線の表示を行うので、これまでのように制作者が辺やコーナー別に画像を用意する必要がない。また、スタイルシートも などの1つの要素に適用するだけで設定できるというメリットがある。 Safari 3ではこの機能をサポートしており、-webkit-border-imageというプロパティで利

Firefoxの初期化は次になります。 データのバックアップが必要なければ、その操作はパスしても良いですよ。 なお、OSは、XP(2000)としてパスは書いてあります。 （Firefoxの初期化手順） １　設定データやbookmarksをバックアップする。 バックアップツールは、Firefox Enviorment Backup Extension(FEBE)を使用する。 なお、Bookmarkだけで良かったら、３の上の○のFirefoxフォルダから更に下層にあるBookmarks.htmlというファイルをコピーして保存する。 （FEBE:日本語対応可） https://addons.mozilla.org/firefox/2109/ ２　Firefoxをプログラムの追加と削除から、アンインストール、念のため、C\Program FilesにあるMozilla Firefoxを削除 ３　次

未だに沢山の人が困ってるようです Permalinkを見てると例のエントリを見てくれてる方が沢山いらっしゃいます。1年前のエントリですが、お役に立ててるようでとてもうれしいです。 で、ふと気になってhttp://twitter.1x1.jp/search/で検索してみた。 http://twitter.1x1.jp/search/?source=&keyword=%E3%83%9D%E3%83%83%E3%83%97%E3%82%A2%E3%83%83%E3%83%97+%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF&lang= http://twitter.1x1.jp/search/?source=&keyword=firefox+%E3%83%9D%E3%83%83%E3%83%97%E3%82%A2%E3%83%83%E3%83%97&lang= http

FireFoxにはHTML4.0以外のDOCTYPE宣言を行うと100%のFlashが上の一部分しか表示されないというバグが発生します。これは FireFox2.0でも改善されていません。 http://www.adobe.com/jp/support/flashplayer/ts/documents/91d5f5d7.htm AdobeではDOCTYPE削除すれば回避できるとかいていますが、XHTMLのままで回避してる人がいました！ ここでCSS内にbodyに100%指定を行う事で解決するそうです。 uu-uu.com これと同様にこんな方法でも回避できました。 ■CSS body{ height:100%; background:#fff; } #flash{ height:100%; width:100%; position:absolute; left:0; top:0; over

このブログではちょくちょく英語の記事を元ネタに書いたりしているので、「英語できるんだ」なんてことを思われているみたいです。けれど、僕は留学経験もないし、両親がハーフなんていうオチもありません。でも、RSSリーダーやFirefoxをうまく使いこなせば、そんな僕でも「それなりには」英語の記事を早く読めるようになります。 livedoor Reader + Greasemonkeyで情報の取捨選択を行う ノンネイティブである僕が英語の記事を読むには、日本語の記事を読むよりも時間がかかります。そのため、読むべき記事は厳密に取捨選択する必要があります。1日中RSSリーダーを読んでいるだけではマズイのです（そもそも本職ではないし）。 そのために、LDR + グリモンを使います。グリモンは最速インターフェース研究会 :: livedoor Readerにdel.icio.usのブックマーク数を表示するG