2011年4月12日のブックマーク (3件)

  • CSS position プロパティの使い方とサンプルコード:要素の位置指定の種類を変更する - ウェブランサー

    positionプロパティの説明 CSSのpositionプロパティは、要素の位置指定の種類を変更します。通常、文書の中に配置された要素は、親要素のフローに従って配置されますが、このフローから切り離して絶対位置を指定したり、新しいスタッキング・コンテキストを作成することができます。 positionの値をstatic以外にすると、その要素は位置指定の対象となります。位置指定で使用するプロパティは以下の通りです。 上辺からの距離:top 右辺からの距離:right 下辺からの距離:bottom 左辺からの距離:left 重なり合う順序:z-index positionに指定できる値 relative 要素を通常のフローに従って配置し、位置指定を実行するプロパティの指定を受け入れます。位置指定の値は、既存の配置位置からの相対的なオフセットを表します。ただし、位置指定によって移動した要素は、他の

    CSS position プロパティの使い方とサンプルコード:要素の位置指定の種類を変更する - ウェブランサー
    q909p
    q909p 2011/04/12
    CSSでもSEOでもいろいろわかりやすい
  • 少しのコードで実装可能な20のjQuery小技集

    少しのコードで実装可能な20のjQuery小技集素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、今回はプラグインなしで実装できるjQueryの小技を紹介します!「jQueryってなんだ?」という人もコピペで実装できますよ!サンプルも用意したのでぜひご覧ください! 追記:この記事で紹介されているいくつかの方法が、今では CSS のみで実装可能です!詳しくは「かつては JavaScript を利用していたものの、今では CSS のみで実装できる 10 の小技」をご覧ください。 jQuery の基的な使い方まずはjQuery 家から jQuery ファイルをダウンロードします。<head> 内に下記を記述し、jQuery ファイルを読み込みます。 <script type="text/javascript" src

    少しのコードで実装可能な20のjQuery小技集
    q909p
    q909p 2011/04/12
    Webクリエイターボックスさんのtips
  • http://www.css-lecture.com/log/css/

    q909p
    q909p 2011/04/12
    使えるCSS小技