Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。
![[JS]一つの要素に複数の背景画像を自由に配置できるスクリプト -Background Layering | コリス Webデザイン フィード](/thumbnail/241238.png)
Background Layeringは、一つの要素に複数の背景画像を自由に配置したり、使い回すこともできるスクリプトです。CSS Multiple Backgrounds / Background Layering [...] [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
Webページに掲載する面倒な表（テーブル）の作成を楽にしたい――。以前、本サイトではExcelファイルを簡単にHTML（Tableタグ）に変換するExcelアドイン「XLS2HTMLTable」を紹介した（関連記事）。XLS2HTMLTableはとても便利なツールだが、それでも表が大量に必要な時に... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]高さの異なるカラムを同じ高さに揃えるスクリプト -Equal Heights | コリス Webデザイン フィード](/thumbnail/237097.png)
CSS newbieから、divで囲んだ高さの異なるカラムを同じ高さに揃えるスクリプト「Equal Heights」を紹介します。The EqualHeights jQuery Plugin demo標準の設定では一番高さのあるものに揃えますが、オプションでMIN/MAX値の指定が可能です。 MA... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[CSS]背景が透けるカラムを実装するスタイルシート | コリス Webデザイン フィード](/thumbnail/107210.png)
Bits & Pixelsのエントリー「Cross-browser transparent columns」から、背景が透けるカラムを実装するスタイルシートを紹介します。CSS箇所#column-1{position:relative;float:left;width:500px; /* reme... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]ボックスのレイアウトを立体的にするスクリプト -GlassBox | コリス Webデザイン フィード](/thumbnail/106264.png)
GlassBoxは、ボックスに透明の枠線を使用して立体感を持たせたり、Lightboxのようなレイアウトを実装できるスクリプトです。GlassBoxGlassBoxでは、HTML箇所が次のコードで、下のキャプチャのようなレイアウトが実装できます。 ※他に、JavaScriptやCSSの記述が必要で... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
![[JS]テーブルのセルをハイライトさせる -tablecloth.js | コリス Webデザイン フィード](/thumbnail/3155.png)
tablecloth.jsは、テーブルのセルをマウスのホバーやクリックでハイライトさせるスクリプトです。Tableclothtablecloth.jsは、外部スクリプトとスタイルシートを指定するだけで使用ができ、マウスのホバーやクリックでそのセルの縦列・横列をハイライト表示にすることができます。オ... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
サイト全体のコーディングとしては、Tableを使わず、DivタグとCSSを使って構成していくパターンが主流だと思いますが。。。例えば、コンテンツ内に商品のスペック表や、料金表などを表示する場合、その名の通り”Table”タグを使う方が効率的ですね。っちゅうわけで、本日はTableとCSSを使って表... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
ブロックレベル要素の高さを揃えるheightLine.js【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。 【PR】HP登録でSEO対策！アクセスアップにコチラ！Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃える... [ 詳細を見る ] [ 関連 ] [ ニコニコ風 ]
|
