タグ

ブックマーク / h2ham.seesaa.net (3)

  • Firebugの使い方 | THE HAM MEDIA

    Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会(SaCSS)にて発覚!使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ!」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない!という人も勉強会の時に多かったように、実際にも多いはず! Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ!と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認

    Firebugの使い方 | THE HAM MEDIA
  • フォントサイズを変える「大・中・小」ボタンを実装する方法

    知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか?という質問をいただきました。 CSSJavaScript(場合によってはJSのみ)で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し

    フォントサイズを変える「大・中・小」ボタンを実装する方法
  • Google AJAX Feed API を使ってJavaScriptでサイトにRSSフィードを表示する方法

    JavaScriptで別ドメインのRSSを読み込んでくるのは、 セキュリティの関連上できないって聞いていた・・・ あきらめていたのですが、 GoogleAPIに別ドメインでも読み込めのがあったのですね! 使うのも比較的簡単そうなので、 とりあえず試しに使ってみる事にしました。 ↑これは既にこのサイトのRSSAPIを使って読み込んだ結果です。 Google AJAX Feed APIを使えば比較的簡単に RSSをサイトに表示することができるようです。 このサービスを利用するときに、APIキーを取得するのですが、 その時に、既にサンプルのソースを表示してくれます その表示されたサンプルは以下の通りです。 ■サンプルソース <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1

    Google AJAX Feed API を使ってJavaScriptでサイトにRSSフィードを表示する方法
  • 1