タグ

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

  • Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ

    Firefox アドオンの「Firefbug」はご存知の方も多いと思いますが、Firefbug を使って表示しているページの(X)HTMLマークアップや CSS を確認・修正する方法のまとめを紹介します。 特に3項に記した、(X)HTMLCSSを一発で確認する方法はおすすめです。 動作は Firefox 3.5 + Firebug 1.4.0b7 で確認しています。 1.基:(X)HTML マークアップと CSS を表示する 確認したいページを表示した状態で、メニューバーの「表示」→「Firebug」を選択します。または F12 を押下します。 これでページ下半分に Firebug のウィンドウが表示され、左側に(X)HTMLマークアップ、右側にそのページで使われている左側のウィンドウで選択状態になっている要素の CSS が表示されます。この手順で Firebug の画面を開くと、bo

    Firebug の使い方:(X)HTML と CSS の確認・修正方法のまとめ
  • 小粋空間: RSS フィードをブログに表示する(サービス利用編)

    昨日紹介した「RSS Feed(フィード)を表示する」はツールをインストールする必要がありましたが、今回は、ツールをインストールできない方のために、サービスとして提供されている Feed2JS を利用して、RSSフィードをブログのサイドバー等に簡単に表示する方法を紹介します(手抜きとかいわない)。 Feed2JS はフリーのサービスです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異

    小粋空間: RSS フィードをブログに表示する(サービス利用編)
  • 小粋空間: RSS Feed(フィード)を表示する

    RSS Feed(フィード)をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ

    小粋空間: RSS Feed(フィード)を表示する
  • 小粋空間: Movable Type プラグイン一覧(MT4対応)

    Movable Type 4 対応のプラグインの一覧です。国内サイトで配布されているプラグインでMT4専用、あるいはMT3.xからのアップグレードまたはMT4での動作確認等が配布先で明示されたものを掲載しています。 2010.05.01 エントリーの更新は終了し、「Movable Type プラグイン一覧(MT5対応)」に移行しました。 先日まで「Movable Type プラグイン一覧」にMT4版を一部追加していたのですが、対応・非対応が明確に区別できないことや、それによりMT4対応のプラグイン検索に手間がかかることから、新たにエントリーを分けることにしました。 エントリーに掲載されていないプラグインでも、MT4で動作可能なものは多く存在しますので、「Movable Type プラグイン一覧」等から配布サイトへ進み、動作状況を確認するか、あるいは実際にお試しください。 注意事項 プラ

    小粋空間: Movable Type プラグイン一覧(MT4対応)
  • 小粋空間: CSSで画像に影をつける(ドロップシャドウ)

    CSSを利用して画像に影をつける(ドロップシャドウ)カスタマイズです。ご質問を頂いたのでこちらのエントリーで紹介致します。下のスクリーンショットはドロップシャドウ完成例です。 仕組みは、ドロップシャドウ用の画像を、img タグを括る別のタグの背景画像として指定し、img タグの画像をずらして表示することでドロップシャドウの効果を出すようになっています。 参考にさせて頂いたのは下記のサイトです。ありがとうございました。 1976design.com:Easy CSS drop shadows A List Apart:CSS Drop Shadows nlog(n):アップロードした画像に影をつけるには POCHIKING*:画像に自動的に影をつけてテキストを回り込ませる 今日の覚え書き:cssの設定で自動的に画像に影を付ける 花と写真とblogと。:画像に影をつけてみる。 最初の1976d

  • 1