Posts Tagged ‘サイト構築’

[JS]jQueryのプラグイン33+1選 -2010年5・6月

コリスさんの記事紹介です。
 
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。
 
■フレキシブルでシンプルで軽量なコンテンツスライダーの決定版。■DOM要素を指定して拡大表示できるLightbox。■画像やAJAXに対応したドラッグで移動も可能なオープンソースのモーダルボックス。■モーダルウインドウを使用しないインライン型の画像拡大スクリプト。■ページ内のあらゆる箇所をアニメーションでズーム表示。■さまざまなスタイルで画像を拡大表示。■ユニークなエフェクトで画像を切り替えるギャラリー。■セレクトボックスをスタイリッシュに。...など
 
ネタ元:[JS]jQueryのプラグイン33+1選 -2010年5・6月 (コリス)

Tags: ,

[CSS]スタイルシートをほんの少し軽量化する10のTips

コリスさんの記事紹介です。
 
簡単に実践できるものから、ちょっと手間がかかるものまでスタイルシートをほんの少し軽量化する10+1のTipsを紹介します。
 
ネタ元:[CSS]スタイルシートをほんの少し軽量化する10のTips (コリス)

Tags: ,

テーブルやリストを使用した価格表のデザイン集

コリスさんの記事紹介です。
 
プロダクトやサービスを販売しているサイトにとって非常に重要な価格表のデザイン集を1st Web Designerから紹介します。
価格表はその設計を決しておろそかにするものではなく、直観的で使いやすく、ユーザーに最も重要な情報を提供する非常に重要なコンテンツです。上記サイトでは、シンプルなテーブルからフューチャーリストなど優れた手段で価格表を提供しているサイトが多数紹介されています。
その中から、下記にいくつかピックアップしました。傾向としては、ページ幅いっぱいに配置し、お勧めを目立つようにしています。
 
ネタ元:テーブルやリストを使用した価格表のデザイン集 (コリス)

Tags:

[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法

コリスさんの記事紹介です。
 
ブラウザのウインドウサイズに合わせて、スタイルシートを変更し、レイアウトを最適化する方法をCSS-Tricksから紹介します。
 
ネタ元:[CSS]ブラウザのサイズに合わせてスタイルシートを変更する方法 (コリス)

Tags:

グラデーションを使用しないでウェブデザインをする方法

コリスさんの記事紹介です。
 
なんとなくグラデーションを使用したり、困ったらグラデーションを使用したり、トレンドだからグラデーションを使用したりしていませんか?グラデーションを使用しないでデザインする方法をBuild Internet!から紹介します。また、グラデーションをより効果的に必然として使用するためのエントリーでもあります。
 
ネタ元:グラデーションを使用しないでウェブデザインをする方法 (コリス)

Tags: