タグ

tipsとgalleryに関するmitchikeuchiのブックマーク (2)

  • サムネイル画像のいろいろなデザインスタイル

    デザイナーのためのサムネイル画像のいろいろなデザインスタイルをTutorialFeedから紹介します。 12 Excellent Thumb Image Styles for Web Designers サムネイル画像のデザインスタイルは、左上から順に下記のようになっています。 Wide Border 白で縁取りをし、ボーダーを使用。 Sleek Border 細いボーダーを使用。 Sleek Border with Drop Shadow Sleek Borderにドロップシャドウを使用。 Behind Drop Shadow 画像が立っているようにドロップシャドウを使用。 Flip Shadow 画像がめくれているようにシャドウを使用。 Bottom Corner Cut 画像のコーナーをカットして使用。 Wide Rounded Border 広くて丸みがあるボーダーを使用。 Top

    mitchikeuchi
    mitchikeuchi 2009/05/19
    デザイナーのためのサムネイル画像のいろいろなデザインスタイルをTutorialFeedから紹介します。上記のキャプチャでは分かりにくいと思いますが、サイトではレイヤーが保持されたPSDファイルをダウンロードしてじっくり見
  • [CSS]さくさく動作する画像ギャラリーを実装するスタイルシート

    キャプションや拡大画像へのリンクの設置もできる画像ギャラリーを実装するスタイルシートをCSS playから紹介します。 A Photograph Gallery - with links デモではサムネイル画像にマウスを重ねると、拡大画像とキャプションと更に大きな元画像へのリンクが表示されます。 画像ギャラリーはリスト要素で実装されており、IE対策として条件付きコメントを使用しています。

    mitchikeuchi
    mitchikeuchi 2009/02/23
    キャプションや拡大画像へのリンクの設置もできる画像ギャラリーを実装するスタイルシートをCSS playから紹介します。デモではサムネイル画像にマウスを重ねると、拡大画像とキャプションと更に大きな元画像へのリンクが表示されます。画像ギャラリーはリスト要素で実装されており、IE対策として条件付きコメントを使用しています。
  • 1