スクロールした位置に付いてくるサイドバーを実装するjQueryプラグイン・Contained Sticky Scroll - かちびと.net

2011/03/10 160 users net サイドバー 位置 CSS 備忘録

気になったので備忘録。スクロール した位置に付いてくるサイドバーを 実装してくれるjQueryプラグイン・ Contained Sticky Scrollです。細 かいオプションも設定できて、IE6や IE7でも動作してくれるので覚えて おこうと思って記事にします。 Web Designer Wallがリニューアルしてサイドバーを固定していました。これはcssで実装してるみたいですが、IE6利用率... 続きを読む

2010年、押さえておきたいウェブデザインのトレンド | コリス

2010/01/25 739 users コリス ウェブデザイン トレンド セリフフォント フォント

CSS3やHTML5などをはじめ、トレンドのフォント、見出しのデザイン、クオリティをアップする背景など2010年に押さえておきたいウェブデザインのトレンドをWeb Designer Wallから紹介します。 Design Trends (Predictions) in 2010 下記は、各ポイントを意訳したものです。 元記事では、サンプルも豊富に掲載されています。 はじめに 1. セリフフォント ... 続きを読む

マスターしておきたい、Illustratorの基本的なエフェクト集 | コリス

2009/07/13 722 users コリス Illustrator ジグザク エフェクト集 膨張

Illustratorの基本的だけど、マスターしておきたい効果的なエフェクトをWeb Designer Wallから紹介します。 Mastering Illustrator Effects 以下、各ポイントをピックアップしたものです。 上記サイトではチュートリアルのAIファイルもダウンロードできます。 間のびしない矢じり 角丸を素早く綺麗に描く 正確なジグザクのライン オブジェクトの収縮と膨張 変... 続きを読む

サイトマップをフッタに配置する際のポイントとその効果 | コリス

2009/03/24 453 users ブッダ コリス 意訳 スパイダー ウェブサイト

サイトマップを独立したページとしてではなく、フッタに配置する際のポイントとその効果をWeb Designer Wallから紹介します。 Modern Sitemap and Footer 下記は、その意訳です。 昔はほとんどすべてのウェブサイトで、コンテンツをリストアップしたサイトマップを独立したページを設置していました。 サイトマップの重要な目的は、ユーザーや検索エンジン（スパイダー）がサイト内... 続きを読む

[CSS]大きい画像を背景にする時のスタイルシートの３つの実装例 | コリス

2008/10/20 225 users Background color 実装 エントリー コリス

Web Designer Wallのエントリーから、大きい画像を背景に使用する時のスタイルシートの３つの実装例を紹介します。 How to: CSS Large Background 一枚の画像を使用する方法 demo 実装のポイントは、使用する背景画像（background image）の端と背景色（background color）に同じ色（#f8f7e5）を使用します。 サンプルコード bo... 続きを読む

水彩画風デザイン チュートリアルとブラシ - DesignWalker

2008/07/08 299 users DesignWalker スプラッター グランジ 水彩画風

先日、Web Designer Wallの2008年のデザイントレンドの記事でも紹介されていたように、水彩画風のウェブデザインを最近よく見かけます。 2008 Design Trends こちらのブログの背景もとってもきれいな水彩画風ですね。こちらの記事では、水彩画風デザインの他に、ビンテージ・レトロ、手書き・クリップ、グランジ、スプラッター、コラージュなどなど、今年のデザイントレンドをまとめてく... 続きを読む

[CSS]画像をクリップや額縁でデコレーションするスタイルシート | コリス

2008/05/28 201 users エントリー テキスト フレーム テープ コリス

Web Designer Wallのエントリーから、画像にテープ、ピン、クリップ、テキスト、フレームなどを使用してデコレーションするスタイルシートを紹介します。 続きを読む

[CSS]テキストにグラデーション効果をつけるスタイルシート | コリス

2008/01/17 387 users span コリス グラデーション CSS 見出し要素

Web Designer Wallにエントリーされている、テキストにグラデーション効果をつけるスタイルシートの紹介です。 CSS Gradient Text Effect 仕組みは、見出し要素(h1)に空のspanを記述し、グラデーションの背景画像を表示しています。 デモページでは、下記のようなさまざまなグラデーションをつけたテキストがあります。 CSS Gradient Text Effectの... 続きを読む