タグ

2014年12月26日のブックマーク (3件)

  • JonDesign's (Javascript) SmoothGallery

    Using mootools v1.11, this javascript gallery and slideshow system allows you to have simple and smooth (cross-fading...) image galleries, slideshows, showcases and other cool stuff on your website...  Version 2.0 is released, go check what's new ! Some of you might have heard of JonDesign's SmoothSlideshow. SmoothGallery is its evolution. So, what is so cool about it ?  Unlike other systems o

    moerrari
    moerrari 2014/12/26
    wordpressのギャラリープラグインDynamic Content Galleryのような遷移効果
  • 図解で分かりやすい!CSSで画像を中央寄せする方法 | デザイン五輪書

    CSSで画像を中央寄せする際に必要な概念 急がば回れ ブロック要素とインライン要素 画像を中央寄せにするCSS text-alignプロパティ marginプロパティ displayプロパティ 画像が中央寄せにならない!? 使用テンプレートによる影響を解除する CSSの特異性を意識する 最終手段! まとめ ご紹介した順番で試してみる CSSで画像を中央寄せする際に必要な概念 急がば回れ 今回は、CSSを使って画像を中央寄せ表示する方法をご紹介します。 その際、ブロック要素とインライン要素と言う概念を理解しておかないと、手法がごっちゃになってしまいます。 ですから、最初にブロック要素とインライン要素について簡単に説明します。 既にブロック要素とインライン要素について理解している方は読み飛ばしても構いませんが、急がば回れです。 ▲もくじへ戻る ブロック要素とインライン要素 ブロック要素として代

    図解で分かりやすい!CSSで画像を中央寄せする方法 | デザイン五輪書
    moerrari
    moerrari 2014/12/26
    画像を中央寄せにしたいがならない…というときの詳細な解説と対応方法。
  • clip-スタイルシートリファレンス

    clipプロパティは、ボックスを切り抜き表示(クリッピング)する際に使用します。 CSS2の仕様で指定できる切り抜きの形状は矩形のみです。 矩形の指定方法について、CSS2の仕様では「ボックスの四辺の端から内側への距離」を指定することになっていますが、 CSS2.1では「ボックスの上辺と左辺を基準とした距離」と改定されています。 一般的なブラウザではCSS2.1の仕様に準拠しています。 また、CSS2.1ではclipプロパティの適用要素が「絶対配置された要素」と改定されており、 一般的なブラウザでclipプロパティによる切り抜き表示を有効にするには、 clipプロパティと同時にpositionプロパティでabsoluteかfixedを指定する必要があります。 Internet Explorer7以下では、カンマ(,)区切りではなく半角スペース区切りで値を指定しないと切り抜きされないようです

    moerrari
    moerrari 2014/12/26
    clipプロパティの使用にはpositionプロパティでabsoluteかfixedを指定する必要がある。