はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Web Designer Wall

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 8 / 8件)
 

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

2011/03/10 このエントリーをはてなブックマークに追加 160 users Instapaper Pocket Tweet Facebook Share Evernote Clip net サイドバー 位置 CSS 備忘録

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

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

2010/01/25 このエントリーをはてなブックマークに追加 739 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス ウェブデザイン トレンド セリフフォント フォント

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

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

2009/07/13 このエントリーをはてなブックマークに追加 722 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Illustrator ジグザク エフェクト集 膨張

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

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

2009/03/24 このエントリーをはてなブックマークに追加 453 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブッダ コリス 意訳 スパイダー ウェブサイト

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

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

2008/10/20 このエントリーをはてなブックマークに追加 225 users Instapaper Pocket Tweet Facebook Share Evernote Clip Background color 実装 エントリー コリス

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

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

2008/07/08 このエントリーをはてなブックマークに追加 299 users Instapaper Pocket Tweet Facebook Share Evernote Clip DesignWalker スプラッター グランジ 水彩画風

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

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

2008/05/28 このエントリーをはてなブックマークに追加 201 users Instapaper Pocket Tweet Facebook Share Evernote Clip エントリー テキスト フレーム テープ コリス

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

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

2008/01/17 このエントリーをはてなブックマークに追加 387 users Instapaper Pocket Tweet Facebook Share Evernote Clip span コリス グラデーション CSS 見出し要素

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

 
(1 - 8 / 8件)