ページ上部までスクロールするAnimated Scroll to Top｜Webpark

2011/04/25 41 users スクロール スクリプト ソース Webpark タイミング

ページを下に進むと現れて、クリックするとページ上部までスクロールするスクリプトを紹介します。結構ありがちですが、さりげなくCSS3を使っているところや、現れるタイミングやスクロールの早さなどカスタマイズしやすそうなところがおすすめポイントです。 Animated Scroll to Top - web designer wall ソースもダウンロードできるようになっているので、カスタマイズできそう... 続きを読む

スクロールした位置に付いてくるサイドバーを実装する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の... 続きを読む