Clever Geek Handbook

Internet Explorer 8.0のWebスライス

エントリー



私はInternet Explorerの大ファンではありませんが、昨日リリースされたIE8のテストビルドの新しい機能に興味がありました。

正直なところ、私は最初に、Safariからデスボードにページの一部を追加する機能のようなものだと決めました。 しかし、ページをマウスでつついてみると、問題がまったく違うことがわかりました。

それを必要とする人は、この機会について長い間すでに知っていると思いますが、興味がある人はこの短いメモを読んでください。





これは何？



一般的に、このアイデアはとてもいいです。 ユーザーがお気に入りに追加できるブロックをユーザーに提供する機能。 更新された情報を追跡するのに非常に便利で、ページ自体に移動する必要はありません。 さらに、実装では、そのようなブロックが多数存在すること、ブロックと情報ソース（RSSなど）の接続、さまざまな追加機能（ttlの説明-存続時間、ブロックの関連性の時間）、さらには認証を想定しています。



しかし、最良の部分は実装です。 これは、新しいマークアップでも、サポートされていない新しいhtmlタグでも、Javaスクリプト拡張機能でも、新しいactiveXコントロールでもありません。 これはmicroformatです。 一般に、Microsoftがそれらを使用することは素晴らしいことです...人々が行ったことを伝えることができます。 したがって、IE8の外部では、このようなブロックはブロックのままになりますが、「Internet Explorer」では、ブロックが特別なアイコンで強調表示され、ブックマークに追加できます。



例を考えてみましょう



だから、 20世紀初頭の科学者の気持ちのように、それが何であるかを理解するとすぐに、すぐに自分で試してみたいという願望がありました。

1つのブロックが時々更新されるページがあります。 実際、 Twitterの最後の行が表示されます。



ページ



これらの更新を示すWebSliceを作成する必要があります。



すべてが非常に簡単で、次のコードをページに書き込みます。 

 <div class = "hslice" id = "twitter_updates">
	 <div class = "entry-title" style = "display：none"> MeeのTwitterアップデート</ div>
	 <div class = "entry-content">
                         ％ブロックコンテンツ％
         </ div>
        
 </ div>




次のようになります。



RSSサブスクリプションのリストにスライスが表示されるようになりました。





ブロックにカーソルを合わせると、特徴的な記号が表示されます。





そして、これは操作中にどのように見えるかです：





単純なスライス形式は非常に単純です。

1. hsliceクラスを使用して要素に設計します

2. 2つのブロックを追加します

a）entry-title-スライスの名前。 興味深いことに、それなしでは機能しません。 そのため、ディスプレイで非表示にする必要がありました：なし

b）エントリーコンテンツ-スライスコンテンツ



ボルクは追加します：

これは「microformat」と呼ばれ、「entry-title」と「entry-content」はhAtom microformatの一部です。 hsliceクラスは、必ずしもdivではなく、任意の要素に掛けることができます。

それは基本的にそれです。



落とし穴のいくつかについて：



まず、エントリータイトルがなければ、うまくいきませんでした。 もちろん、石ではありませんが、心に留めておく価値があります。

第二に、CSSにはいくつかの問題があります。たとえば、インラインCSSは画像の背景を反映せず、リンクスタイルはまったく機能しませんでした（ただし、昨日は夜の4時半にやった...どういうわけか突然知識を欲しがりました） 。



donpedroは追加の問題を示します。

1.ブロックでIDを指定しないと、レイヤーによって定義されません。

2. Windows-1251エンコードでは、お気に入りからレイヤーを表示すると句読点が表示されます（キリル文字しかありませんでした）。 UTF-8エンコードを設定すると、状況が保存されました。



結論



素晴らしいことだと思います。 Facebook、Ebayなどがすでに行っているように、最小限のコストでこれらの小さなスライスを使用してサービスを拡張し、必要な情報の優れた更新を取得できます。 私はそこにいくつのサービスを置くかをすでに想像しています。 はい、はい... WindowsとLinuxにダッシュボードがないため、すべて:)しかし、FireFoxでの実装を待っています。 どうして？ :)



IE8をお持ちの場合は、ここでスライスを試すことができます（広告はありません。何もありませんので）

公式の説明はこちらから入手できます。

Internet Explorer 8 Beta 1ホワイトペーパー


More articles:


All Articles