CSSとTipsに関するNikkiのブックマーク (3)

  • CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE

    シンプルなWii風の角丸ボタンが簡単に作成できます。IE5.5、IE6、IE7、Firefox2、Opera9で動作確認がされており、2つのタグと画像が1つ、それからCSSファイル1つで構成されています。 作り方は以下から。 Simple Round CSS Links ( Wii Buttons ) これのもとになったのは、以下のページで解説されているCSSのテクニック。いろいろなボタンが作成でき、おもしろいCreate Link Buttons with simple CSS and HTML シンプルですがいろいろと応用ができそうなあたり、好感触。

    CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE
    Nikki
    Nikki 2007/02/15
  • CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE

    CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄(フォーム)部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

    CSSで角がまるい吹き出しを作る「CSS Speech Bubbles」とか吹き出しいろいろ - GIGAZINE
    Nikki
    Nikki 2007/02/13
  • DOM Inspector と Stylish の使い方 - 朝顔日記

    2006-10-16 ua firefox tool 前回、DOM Inspector の使い方の例にて、DOM Inspector の簡単な使い方を Flash ムービーにしてみたんですが、どうもあんまり反響がないので、今回はもう少し需要がありそうな一般的なネタでやってみました。:p) 今回のお題は、Firefox 2.0 の検索バーに装備された虫眼鏡をユーザスタイルシートで消すというものです。Fierfox でユーザスタイルシートを扱うには、userContent.css と userChrome.css というファイルをいじるのが常道なんですが、Stylish という拡張機能を使うと再起動せずにスタイルを適用させることが出来たり、何かと便利なのでこれの紹介も兼ねてみました。 Firefox 2.0 での虫眼鏡は何をするものかというと、検索バーに検索キーワードを入力後、Enterキーを

  • 1