Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
![[JS]画像を使用して、divの矩形を角丸やグラフィカルにするスクリプト -DivCorners | コリス Webデザイン フィード](/thumbnail/278647.png)
画像を使用して、divの矩形を角丸やグラフィカルにするスクリプトを紹介します。DivCornersdemo角丸にするdivは入れ子にする必要がなく、下記のようにスクリプト側で配置する画像を設定します。demo [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]複数のレイヤーをずらして動かし立体感を与えるスクリプト -mParallax | コリス Webデザイン フィード](/thumbnail/260572.png)
ユーザーのマウス操作にあわせて、複数のレイヤーをずらして動かし、パララックス（視差）効果を与えるスクリプト「mParallax」を紹介します。mParallaxmParallaxは、以前紹介した「複数のパネルをダ [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]背景画像をページの最下部に固定表示させるスタイルシート | コリス Webデザイン フィード](/thumbnail/250245.png)
Fixed Footer Backgrounds with CSS demo, demo 2デモではスクロールバーの有無の２パターンがあり、スクロールをしてもブラウザのサイズを変更しても背景画像がフッタの位置に固定表示されています。仕組みの概要は、bodyに背景色と背景画像を指定し、背景画像は「f... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]一つの要素に複数の背景画像を自由に配置できるスクリプト -Background Layering | コリス Webデザイン フィード](/thumbnail/241238.png)
Background Layeringは、一つの要素に複数の背景画像を自由に配置したり、使い回すこともできるスクリプトです。CSS Multiple Backgrounds / Background Layering [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]左右で色が異なる背景画像を設定するスタイルシート | コリス Webデザイン フィード](/thumbnail/239305.png)
SOH TANAKAのエントリーから、左右で色が異なる背景画像を設定するスタイルシートを紹介します。Achieving Double Background Effect with CSSdemoブラウザの幅が広 [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]大きい画像を背景にする時のスタイルシートの３つの実装例 | コリス Webデザイン フィード](/thumbnail/209275.png)
Web Designer Wallのエントリーから、大きい画像を背景に使用する時のスタイルシートの３つの実装例を紹介します。How to: CSS Large Background一枚の画像を使用する方法demo実装のポイントは、使用する背景画像（background image）の端と背景色（b... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]背景が透けるカラムを実装するスタイルシート | コリス Webデザイン フィード](/thumbnail/107210.png)
Bits & Pixelsのエントリー「Cross-browser transparent columns」から、背景が透けるカラムを実装するスタイルシートを紹介します。CSS箇所#column-1{position:relative;float:left;width:500px; /* reme... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
| |
