タグ

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

  • レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」

    レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 1.「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ(Responsive)は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 2.「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N

    レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」
  • 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 にする
  • Movable Type のエントリー削除でHTMLファイルも自動的に削除する

    Movable Type で一旦公開したエントリーを削除した場合、対象のエントリー・アーカイブはデータベースから削除され、メインページやカテゴリー・アーカイブ/月別アーカイブに表示された記事、さらに各ページに貼られた対象エントリーへのリンクもすべて消滅しますが、Movable Type を普通にインストールしたままの状態では、エントリーを公開した時点で生成されるHTMLファイルは残ってしまいます。 したがって、対象となるエントリーの公開→削除のタイミングによっては検索ロボットにクロールされてしまい、削除したはずのエントリーが検索エンジン経由で他の方に閲覧されてしまう可能性があります。*1 これは公開したエントリーを「非公開」に変更した場合や出力ファイル名を変更した場合も同様です。 このような事態を回避したい場合、これまではFTPツール等を利用して手動で残ってしまったHTMLファイルを削除す

    Movable Type のエントリー削除でHTMLファイルも自動的に削除する
  • FeedBurner が Yahoo! ブログ検索でインデックスされない事象の解決へ

    「Feedburner を利用すると Yahoo! ブログ検索にインデックスされない」という事象に対し、Feedburner が解決に向けて動き出したようです。 FeedBurner公式ブログ:ブログ検索対策 FeedBurnerのフィードをブログのフィードURLとしてブログ検索サイトにPINGを送信するとブログ検索にインデックスされないという現象が報告されております。 現象については既に確認済みであり現在対策を模索しております。 FeedBurnerチームとしてはこの現象を早急に改善すべく各ブログ検索サイト運営会社と現象に関しまして調整する予定となっております。 FeedBurner公式ブログでの発表の直前に、CNET Japan でも見解が述べられています。 グーグルRSSサービスのFeedBurnerを買収 またしばらく前から、FeedBurnerを利用するとYahoo!ブログ

    FeedBurner が Yahoo! ブログ検索でインデックスされない事象の解決へ
  • 小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる

    はてなブックマーク経由で「IE6 と IE7 の共存はできませんか?」という類の質問をいくつか頂きまして、ネットを検索してみたところ、簡単に共存できる方法が書かれたサイト(下記)をみつけましたので、エントリーにて IE6 と IE7 を共存する方法をご紹介します。 Tredosoft:Internet Explorer 7 running side by side with IE6. (standalone) 「共存」というのはやや誇張した表現ですが、IE7 Standalone 版を来の IE のインストールフォルダとは異なるフォルダにインストールするというものです。またインストーラを利用するので簡単にインストールできます。アンインストールも可能です。当然ながら対応 OS は Windows XPのみです。 上記のページには2つの方法が紹介されていて、このエントリーでは「インストーラ

    小粋空間: Internet Explorer 6 と Internet Explorer 7 を共存させる
  • 小粋空間: Movable Type を始める前に設定しておきたい 10 の項目

    Movable Type を初めてご利用になる方のために、「これだけは最初に設定しておきたい」という 10 項目を挙げてみました。1項から8項は設定の流れを考えて順序づけをしました。最後の2項目の優先度は低いですが、「そういう機能もあります」という意味で掲載しています。 「全てが必須」という意味ではありません。不要と思われる項目はスキップしてください。 2008.10.01 「Movable Type 4 を始める前に設定しておきたい 10 の項目」を公開しました。 1.管理画面を「詳細モード」に切り替える Movable Type の管理画面は「基モード」と「詳細モード」の2種類があり、デフォルトは「基モード」になっています。この状態では基設定とプラグインの一覧しか表示されないため、コメント・トラックバックの受信設定や後に述べるアーカイブページのパス等や拡張子が変更できません。 と

    小粋空間: Movable Type を始める前に設定しておきたい 10 の項目
  • Movable Type 3.3 から 4.0 Beta 1 へのアップグレード情報

    MovableType 4 Beta が登場してから新規インストールを前提とした話題を中心に進めてきましたので、今回は趣向を変えて、実験サイトでのアップグレード結果および状況を報告します。 人柱になってみたいサイトを Beta 1 で運用してみたい方の参考になれば幸いです。*1 実験環境は、 自宅サーバ(Windows XP + SQLite + Perl 5.8.8) Heteml(ヘテムル) (MySQL4.0.25 + Perl 5.8.0) の2種類です。またいずれも Movable Type 3.35 からのアップグレードです。 以下、アップグレード手順といくつかの問題点を記します。なおアップグレード前にバックアップはお忘れなきよう。 1.ファイルのアップロード FTPツールで Movable Type 4 Beta1 のファイルをアップロードして Movable Type 3.

    Movable Type 3.3 から 4.0 Beta 1 へのアップグレード情報
  • 1