タグ

ブックマーク / www.koikikukan.com (3)

  • Google マップの貼り付け用 HTML を valid にする

    Google マップをブログ等に貼り付ける「埋め込み HTML」の提供が開始されましたが、その HTML を valid にするスクリプトを公開します。 1.埋め込み HTML の利用方法 埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします(スクリーンショット右上)。 リンクをクリックすると、HTMLコードがすぐ下に表示されます(下)ので、 「HTML を貼り付けてサイトに地図を埋め込みます」の下に表示されている、 <iframe width="425" height="350" ~ のコードをマウスコピーして、それをブログの投稿画面に貼り付ければOKです。 2.問題点 埋め込み HTML で使われている iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHT

    Google マップの貼り付け用 HTML を valid にする
  • CSSでブログに影をつける(ドロップシャドウ)

    ブログのサイドバー部分に影(ドロップシャドウ)を作成するカスタマイズを紹介します。 ブログを閲覧されている方なら、1度はこのドロップシャドウデザインのサイトをご覧になったことがあると思います。当サイトでも以前よりこのデザインを用いてますが、最初はどのようにしたら影をつけられのかがさっぱり分からず(そのテクニックが紹介されている記事もなく)、適用されているサイトのソースやCSSを眺めて勉強した想い出があります。 最近、いくつかのブログで紹介され始めたようで、このサイトでも取り上げたいと思います。 このエントリーでは固定レイアウトでのドロップシャドウとリキッドレイアウトのドロップシャドウについて説明します。サンプルには当サイトのテンプレートを使用しますが、仕組みがお分かりになればどのテンプレートでも適用可能です。なお、ドロップシャドウ画像自体の作成方法についても別途エントリーしたいと思います。

    denken
    denken 2006/11/29
    こういう目的のためにdivタグを乱発するとdiv厨との謗りは免れません。
  • トップページへのリンクは「トップ」「ホーム」「メイン」のどれが適切か

    個別エントリーアーカイブページや月別(または日別)アーカイブページにジャンプすると、ページの先頭付近にトップページへのリンクが3つ表示されるのですが、ナビゲーションバーが「Home」、前後記事のリンクが「Main」、パンくずリストが「Top」と、同じページへのリンクに3つの概念が存在しています。「Home」と「Top」は自分でなんとなく付与したもので、「Main」は Movable Type のデフォルトテンプレートの表示を使っています。 節操のない状態は棚にあげておくとして、これを見て、ふと「トップページを指す名称あるいはリンク名で一番よく使われている用語や単語は何だろう?」という、素朴な疑問がわきました。 ということで以下、調査結果です。なお、ここではサイトの表紙として表示されるページ(index.html 等)を便宜上「トップページ」と呼び、リンクの名称と区別することとします。 用語

  • 1