先週のセミナーで、ページ遷移ではなくデータがどのようにフローしていくのか想像しながらサイトデザインが必要になってくると話しました。近年、ページもしくはひとつのサイト内の情報設計だけでなく、ウェブ全体でその情報はどう扱われるのかという視点も加わったと思います。RSSやAPIはその始まりの段階だといっても良いでしょうし、こうしたセマンティックウェブ的な技術はブラウザの一部の機能として取り込まれたり、技術を意識することなく使えるようになってきています。 Microformatsは、徐々に広がりつつあるマークアップ方法ではありますが、具体的な実用例やツールが少ないということで制作者側も足踏みしている状態です。そんな中、先日マイクロソフトが Oomphというツールキットをリリースしました。そうです、Web Slice を作っているマクロソフトが Oomph です。 このツールキットは、IE用のプラグ
この現象は、あるWebページで、※1～、※2～、※3～というような「脚注」にdlタグを使用したときに発生した。 本文と脚注を区切る罫線として、脚注を含むボックスの上部に、二重破線の背景画像（line.gif をx軸にリピート）を指定。ddにマイナスのmargin-topを指定して、dtとddが横に並ぶレイアウトにしたところ、一番上にだけ入るべき罫線が<dt></dt><dd></dd>のセットごとに入ってしまったのである。 [該当するブラウザ] Windows／IE7.0（互換モードのとき）、IE6.0以下 症状 実際にどういうことか、右のスクリーンショットを見ていただこう。これは、IE7.0で表示させたときのものである。 そして、スタイルシートとHTMLは以下のように記述されている。（→サンプルページ1） 【スタイルシート】 body { line-height: 1.5em; } .b
IE5,IE5.5,IE6,IE7 とおよそ10年に渡り、実装されなかった機能の一つに、Dataスキーム(DataURI) が あります。 uupaa.js version 0.6(近日中にリリース予定)では、DataURI をデコードする機能をエミュレートします。 DataURIって何 ラリーさんがRFC2397で提唱したデータスキームのこと。 ラリーさんってのはこの人。スパタさんにも見えるけどたぶん違う。 平たくいえば、 HTMLファイルに小さなアイコンや 1x1ドット のスペーサーを文字列化して埋め込める。 サーバとネットワークにやさしい仕様。 テキスト + アイコン数個で構成されるページなら、HTMLファイル1個だけで完結することもできるのが魅力。 # 小さな画像をチョコチョコ取得するのって、コスト高 # 負荷軽減の別解としては、小さな画像を1ファイルに敷き詰めて、CSS + cl
CSSの:first-letterの記述でIEが落ちる 個人運営のブログのHTMLのマークアップを書き換えた際に見舞われたトラブル。 Firefox 2,3/Safari 3/Opera 9.5/IE 7,6,5.5,5.0/MacIE 5.2 で検証したのだが、スタンドアローン版IE6.0でだけコーディングしたページを開くとIEが強制終了する現象が発生。Microsoft Virtual PC 2007 SP1のゲストOSにインストールされている通常版のIE6は問題なかったので気が付かなかったのだ。スタンドアローンだから仕方ないのか...細かい一部のリビジョンでは発生するのかもしれない。 デザインが崩れるのはまだしも、ソフトがいきなり落ちるのはさすがによろしくない。まず何が原因なのか調べてみた。 HTML の記述におかしな所がないか調べる。文法チェックもかけてみたが問題ない模様。
Webサイトを構築する際に、どのバージョンのブラウザまでサポートするかが問題になりやすい。最新のバージョンだけであれば良いのだが、不特定多数へのサービス提供となればそうもいかないだろう。 様々なバージョンのIEが立ち上げられる IEの場合で言えば5.5以降を対象とする場合が多いように思う。だがそんなバージョンのIEを簡単に用意できるだろうか。そこで使いたいのがこのソフトウェアだ。 今回紹介するフリーウェアはInternet Explorer Collection、様々なバージョンを収録したIEだ。 Internet Explorer Collectionで提供されるバージョンは1.0/1.5/2.01/3.0/4.01/5.01/5.5/6.0/7.0/8.0となっている。8.0β版まで収録されているので、今後を見越した上でのテストが実行できるようになる。 なぜかインストーラーはVista
横浜で巨大グモを見た (04/18) アルファブロガー・アワード2008について二言いっとくか (12/25) いまさら気づいた (12/21) 931SHのPCメール機能はOP25B (12/03) こっ、この馬鹿者がっ！ (11/29) ア・マ・ゾーン！ (11/27) monitってさ… (11/20) ウザいアイブラスター広告ふたたび (11/20) 拝啓、古森オサマ義久さま：マケインは「ジョン・シドニー・マケイン3世」と書いてください (11/19) テケノレソバ一丁！ (11/14) 「非正規雇用者の父」の二つ名をもつ奥田碩 (11/13) yahotter (11/12) The Economistがライバルか… (11/08) 擁護どころか惚れるだろ (10/28) USBメモリ＞SSD (10/28) Windows Home Server評価版を注文するのと「日経Lin
普段の業務ではがっつりコーディングすることが多い私です。 TOPページのトピックス部分を制作していたら、こんなトラブルに見舞われました。 [症状] liやdt・ddなどの、要素が複数縦ならびするページを制作時。 <img>の入った行だけ高さがずれる。 （IE6、IE7での検証時。Firefox2、safari3では問題なし） [修正方法] li { line-height: 1.8; layout-grid-line: 1.8; } layout-grid-line要素はIEのみに適用される行の高さを指定するスタイルで、 これにline-heightと同じ値を入れておけば、imgが入ってもズレません。 よく文頭・文末についている「New!」などのアイコンを入れるには便利だと思います。 line-heightを入れずにpaddingやmarginを設定する方法もありますが、それだと要素内が複
諸君、私はIEが嫌いだ 諸君、私はIEが嫌いだ 諸君、私はIEが大嫌いだ デフォルトで入っているのが嫌いだ アンインストールできないのが嫌いだ シェルに組み込まれているのが嫌いだ Windows Updateで使わなければならないのが嫌いだ バグが多いのが嫌いだ セキュリティホールが多いのが嫌いだ 95で 98で Meで 2000で XPで Vistaで MacOSで Unixで 世の中に存在するありとあらゆるIEが大嫌いだ 綿密に入り組んだHTMLとCSSが IEによりいい加減に解釈されるのが嫌いだ CSSファイルのセレクタ毎に並べた属性と値がページ保存でバラバラにされたときなど心が沈む OSと密接に関連しているのが嫌いだ 悲鳴を上げてIEに読み込ませたWebサイトが OSごとクラッシュさせたときなど 胸がすくような気持ちだった 悪徳な業者により放たれたJavaScriptが私のシステム
Windows XP Service Pack（SP）3をインストールするとInternet Explorer（IE）7をアンインストールできなくなる場合があるとして、米Microsoftが注意を促している。 IE 6ユーザーはSP3をインストールしても問題ないが、IE 7および8のユーザーは注意が必要だと同社のIEチームは述べている。 同チームによると、IE 7がインストールされた状態でSP3を適用すると、IE 7をアンインストールできなくなる。コントロールパネルの「プログラムの追加と削除」を開いても、IE 7の「削除」オプションはグレー表示になり選択できなくなる。 これは設計上のものだとして、IEチームはその理由を次のように説明している。XP SP2上にIE 7をインストールすると、既存のIE 6のファイルがアンインストールディレクトリにバックアップされる。SP3には新しいIE 6のフ
IE6 で XHTML を扱うときに 1 行目が文書型宣言でなければ、つまり書き出しが XML 宣言などになっていると旧バージョンの IE と同じ解釈をする後方互換モードで描画されてしまうという致命的なバグ。このことは言われて久しいのですが、というか、もう 5 年以上前から言われていたりするのです。さすがに IE7 では修正されていて問題になりませんけれど。 さて、標準モードと互換モードでは具体的に何が違うか、というとおもに CSS の解釈の仕方。標準モードでは概ね W3C の勧告どおりに解釈してくれるのですが、互換モードではボーダーやマージンなどの数値計算の基準や、背景の指定方法やセンタリングの方法などが IE 独自の基準で解釈されてしまうのです。 デザインにこだわらない人ならば IE でどう見えるかなんて無視しちゃってもいいんでしょうけれど、デザインにこだわりたいからこそ CSS を使
IETesterは、IE5.5, IE6, IE7, IE8beta1の確認が同時にできるアプリケーションです。 IETester [ad#ad-2] IETesterを利用するには、上記IETesterのページの「Download IETester」から「install-ietester-v0.2.exe」ダウンロードし、IETesterをインストールします。 IEのバージョンの切り替えは、「New Tab」から切り替えることができます。 簡単に使用しただけですが、IE5.5, IE6, IE7, IE8beta1のレンダリングの違いを確認できました。 バージョン0.2の動作条件は、Windows XP or Vista + IE7以上となっています。XP + IE6の場合、IE7, IE8のモードが動作しません。 Windows XP + IE7, IE8beta1の環境で使用したとこ
サイトメニュー EBS Eternal Champion EC 説明書 EC 掲示板 チャット EBS改造 イラスト系 東方アイコン CG Gallery 小悪魔表情集 Game & SRC 博霊散歩 東方煌十夜（途上） リリーシナリオ 弾幕インクルード 東方ネタ 東方名前録 最強ランキング 幻想郷チーム編成 アプリ、ライブラリ MjQuickView MjClickLog DxLib for C# SRCデータエディタ C#マウスジェスチャ Perlページモジュール その他のネタ ハーツ拡張ルール RPG16ステータス アニメレビュー 昔の企画 用語辞典 リレー小説 リンク 通常 CGサイト Web関連 おすすめ書籍 情報 掲示板 このサイトについて 自己紹介 « びばWindows Server | メイン | トランプたわぁ » 2005年09月29日 button は酷い！ [DO
追記： 現在は IETester というソフトウェアを使うのがベストだと思います＞＜ 結論から言うと Jeremy Smith's blog: Success! IE 6, 7, and 8 Running on Same Machine (Plus 5.5 and 5.01) に書いてある通りで IE8 をインストール http://tredosoft.com/IE7_standalone の IE7 Standalone をインストール http://tredosoft.com/Multiple_IE の Multiple IE をインストール の順で、共存させることができました。 IE8 を入れるのを戸惑っている人は 入れてみたらいかがでしょうか。 ちなみに 以下のサイトからダウンロードできる Standalone IE6 は IE8 と共存できませんでした。 browsers.ev
blog移行しました。新しいblogで更新を続けています。 XMLェ… text ja 2012-07-08 http://www.yomotsu.net/wp/?p=603 XMLェ… 日々の出来事2012年7月8日日曜日 ブログ作りなおそうかなーと思って、この Webサイト をみなおしてたら、Web ページのメタ情報としてダブリンコア (RDF) を混在させていたことを思い出した。バリデーターにかければ、グラフも取り出せて みたいな感じになる。でも結局あまり意味なかったです多分。いまは OGP とかありますしね。 Web ページは XHTML にしてたけど、ブログのコメントで参照先のない数値参照とか混ぜられると XML パースエラーになるし、XML だから他の語彙混在できるけど、RDF くらいしか混ぜてなかったし、XHTML 意味なかったです多分。いまは HTML に SVG 混在でき
年間5,000件の問い合わせに対応 疑問を解消したいユーザーも答える情シスも みんな幸せになるヘルプデスクの最適解 大事なのは”仕事の段取り” 幅広い業務を任されているからこそできる ひとり情シス流の業務改善術 Kubernetes活用の最適解とは？ 今、注目のコンテナを活用した柔軟なIT基盤 運用、管理の課題を解決しメリットを最大化 ハイブリッドクラウド時代の救世主 企業ITを素早く進化させるためのAVS サービス開始から1年で大幅に機能がアップ 電話営業・インサイドセールの革新 AIによる自動文字起こし・会話分析が 音声コミュニケーションの可能性を拓く 新OSのWin11はどう進化したか ビジネス上の役割、開発の要因と Win11が目指した5つのポイントを紹介 データ活用は次のステージへ トラディショナルからモダンへ進化するBI 未来への挑戦の成功はデータとともにある AWSとAzur
よく、バグが多いバグが多いと嘆かれ続ける、業界ナンバーワンシェアの我らがふぁっきんIE様。 で、今日もまた恒例のバグに直面したわけです。それがタイトルにあるとおり、コンテンツ内容が複製されるバグというやつ。どうにか無事解決も出来たので、今回もメモがてらに書いてみます。内容は長くなるので以下に。 コンテンツ内容が複製される、別の言い方をすると、最後の内容物のゴーストが作成されるとでも言うのでしょうか。もしくは分身とか残像とかそんな感じ。 言葉だけだとわかり辛いので、画像を用意してみました。 Opera9で見た場合 IE6で見た場合 こんな感じでIEの方では最後の内容物の文字が複製されて下にはみ出してます。ちなみに、これが文字じゃなくて背景画像だった場合、背景画像が複製されることもあるそうで。 でサンプルソースはこんな感じ。 <body> <div id="container"> <di
DOM の getAttribute / setAttribute メソッドは DOM Level 1 から定義されているメソッドで、MSDN Library によれば IE はバージョン 4 からサポートしています。しかし、IE での element.getAttribute(name) / element.setAttribute(name, value) というのは、基本的には JavaScript における element[name] / element[name] = value のシンタックスシュガーでしかありません。ですから、element.setAttribute("innerHTML", "foo") とすると、element の属性には何の変化もないが element の内容が書き換えられるという事態になります。 この (手抜き) 実装が原因で、getAttribute
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
