タグ

2013年5月27日のブックマーク (2件)

  • ディスプレイのサイズに合わせて画面いっぱいに背景画像を表示するCSSやjQueryプラグインいろいろ

    ディスプレイサイズ(ブラウザサイズ)いっぱいに背景画像を表示する方法はいくつかありますが、最近見つけた jQuery のプラグインを使って、いろいろ試してみたりしたのでレビューをまとめてみました。 背景に画像を使った Webサイトってたくさんありますよね。大きくてキレイな画像は、見た目にもインパクトがあってとても印象的です。でも Webサイトを閲覧している人の環境は様々で、ディスプレイのサイズが違ったりするもの。ディスプレイ(ブラウザ)のサイズにあわせて、画像を拡大表示する方法はいくつかありますが、その中からいくつかをサンプル付きでご紹介します! 画面いっぱいに背景画像 目次 CSSのみで画面いっぱいに背景画像 jQuery プラグイン fullscreenr を使ってみた Full Size Background Image jQuery Plugin を使ってみた jQuery max

  • position:relativeの使いドコロ - guimo archive

    最近久し振りにブログのデザインをいじっていて、CSSをすっかり忘れていることを痛感しました。やはり定期的にCSSを扱うようにしていないとダメですね。 中でもすっかり頭から抜けていたのがタイトルにあるposition: relativeの使いドコロです。個人的にはこのposition: relativeを使いこなせるようになることがCSS初心者を脱する鍵だと思っています。 そこで備忘を兼ねてposition: relativeの使いドコロを簡単にまとめてみました。 position: relativeとは? まず、そもそもposition: relativeとは何でしょうか。 CSSのpositionプロパティはボックスの配置方法を決めるためのプロパティで、その値としてはstatic、absolute、relative、fixedの4種があります。初期値はstaticです。位置の指定はtop

    position:relativeの使いドコロ - guimo archive