*cssに関するkoutomiのブックマーク (127)

  • clearfixでfloatを解除 | d-spica

    clearfixでfloatを解除 2007-03-07 1 0 XHTML/CSS clear, CSS 枠や背景が消えたり,途中で切れたりしたことはありませんか。 floatした要素(ボックス)を含む親要素(ボックス)のborderやbackgroundが途中で切れてしまうことがあります。 左の例では,右側のメニューが終わったあたりで,左右にあるラインも切れています。 floatした要素の高さは親要素の高さに反映されない 分かりやすいようにXHTMLCSSの例を書いてみましょう。 <div id="wrapper"> <div id="content"> <p>content</p> </div> <div id="menu"> <p>menu</p> </div> </div> #wrapper { width: 200px; border: solid 3px #999999;

  • 『ロールオーバー今昔物語』サポートページ

    鷹野雅弘(スイッチ) 2009年7月17日に開催したCSS Nite in OSAKA, Vol.17のフォローです。 Webは「クリックされてナンボ」。そこがクリッカブルであることが伝わらなければ、意味がありません。 クリッカブルであることを表現するひとつの手段として王道のロールオーバー効果も、DreamweaverやFireworksが自動的にはき出すJavaScriptを使ったものから、画像置換を使ったもの、そして、jQueryを使ったもの、さらにCSSのみで透明度を変更するものなど、その実装は変遷を遂げてきています。 これまでの流れをざっくり復習しながら、作り手/使い手両方がハッピーなロールオーバーはどこに向かうのかを一緒に考えましょう。 ロールオーバーの意味と意義 ロールオーバー(マウスオーバー)とは? マウスポインタが重なったときに、次のいずれかのような変化を起こすこと 文字

  • [to-R]JavaScriptやSEO対策、CSS、Movable Typeなどの情報を発信

    pyenvを利用してvenvで作成した仮想環境内のPythonバージョン venvで作成したPythonの仮想環境内にインストールされているバージョンを変更してみました。 2024年5月22日 10:57 カテゴリー Python Tailwind CSSで任意のメディアクエリを指定する Tailwind CSSでは簡単にメディアクエリの指定が可能です。 2023年11月 2日 00:40 カテゴリー CSS Tailwind CSSでdisabled Tailwind CSSでdisabled属性がついた要素に対してスタイルを当てたい場合には、disabled擬似クラスを利用して指定を行います。 2023年10月19日 15:32 カテゴリー CSS Vue.jsでコンポーネントの要素をpropsによって切り替える Vue.jsでボタンコンポーネントなどを作成する場合、ユースケースに応じ

  • css Zen Garden: The Beauty in CSS Design

    A demonstration of what can be accomplished through CSS-based design. Select any style sheet from the list to load it into this page. Download the example html file and css file The Road to Enlightenment Littering a dark and dreary road lay the past relics of browser-specific tags, incompatible DOMs, broken CSS support, and abandoned browsers. We must clear the mind of the past. Web enlightenment

    koutomi
    koutomi 2010/09/14
  • 螺旋デザイン

    制作の受付は現在行っておりません。 ご了承ください。 螺旋デザインに関連するコンテンツの紹介です。 おしゃれなホームページのテンプレート パーフェクト・コレクション(書籍) 文章と写真を入れるだけでWebサイトができるテンプレート素材集の書籍。第二弾。 特設サイトでは書籍の魅力を余すことなく紹介しているだけではなく、「Chapter3-10のテンプレート修正」という項目からテンプレートが1つダウンロードできてしまうお得なサイトです。 特設サイト アマゾンのページ レイアウトで選べるWebデザイン・テンプレート集 HTML & CSSが書けなくてもホームページができる(書籍) 文章と写真を入れるだけでWebサイトができるテンプレート素材集の書籍。第一弾。 アマゾンのページ サイトのタイプ別につくる Webデザインテクニックブック 仕事ですぐに役立つプロのアイデア(書籍) 「ワンランク上」の制

    koutomi
    koutomi 2010/09/10
     CSSによるホームページレイアウト。
  • CSS HappyLife ZERO

    CSS HappyLife ZEROは、主にCSS初心者・中級者の方を対象にしたCSSに関するアレコレがつまったサイトです。 プロパティやセレクタなどのリファレンスに加え、実践的なレイアウト講座やTips・コラムなど、それとCSS3に関してもちょこちょこ書いてます。 詳しい説明や、初めて訪れた方は「サイト説明」を読んで頂ければと思います。

    koutomi
    koutomi 2010/09/10
     CSSの使い方。
  • CSSデザインサンプル

    CSSレイアウトで作成するホームページ CSSホームページ作成入門 CSS入門 CSSデザインサンプル サンプルソースで覚えるCSSテクニック商用利用可!無料CSSテンプレート配布

    koutomi
    koutomi 2010/09/10
     cssテンプレートが便利です。