スプーンやフォークやナイフ、グラス、カップ、ポットなどキッチン関連のシルエットのベクター素材をsnap2objectsから紹介します。
スプーンやフォークやナイフ、グラス、カップ、ポットなどキッチン関連のシルエットのベクター素材をsnap2objectsから紹介します。
商用サイトでも利用できる、ペーパーやプラスティックのパッケージのテクスチャのフリー素材をThink Designから紹介します。
Sans Serif Fonts Download 各フォントは、サイズごとのプレビューやテキストを入力してのプレビューなどでダウンロード前に確認することもできます。
ブルー、グリーン、レッド、イエロー、ブラックなど各色のフォトやウェブサイトなどをコレクションしたカラーインスピレーションを刺激するサイトを紹介します。
demo: video こういったユーザーに少しでも集中してほしいコンテンツには、効果が高そうです。 使用方法も簡単で、JSファイルを外部ファイルで指定し、スクリプトで適用箇所とカラーと不透明度を指定します。 最小の記述だと、下記のようになります。
Vertically Center Multi-Lined Text demo デモでは、一行、複数行ともに中央に配置されています。 仕組みは、吹き出しに「display: table;」、その中のパラグラフに「display: table-cell;」を指定し、天地左右中央に配置します。 HTML <div class="area"> <div class="bubble"> <p>To look best, text should really be centered inside this bubble both vertically and horizontally.</p> </div> </div> CSS .area { width: 300px; height: 300px; background: url(../images/abe-bg.png) no-repeat;
ドロップダウンするパネルが特定の範囲から左右にはみ出さないナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Any width dropdown/flyout menu with left and right dropdown/flyouts v2 demo デモではドロップダウンするパネルが、通常(2, 3番目)は左端を基準に展開しますが、一番右の(6番目)ははみ出してしまうので右端を基準に展開します。 また、配下もキャプチャのように特定の範囲内に表示されます。 対応ブラウザはIE5.5/6/7/8, Fx, Op, Safari(PC), Chromeで、IE8はIE7エミュレーションモードの必要はないとのことです。
各種チュートリアルをはじめ、写真画像やベクター素材、アイコン、フォント、カラーなどウェブ制作に役立つウェブデザイナーのための検索サイトを紹介します。
Vector Trees Silhouettes ベクター素材はPhotoshopのカスタムシェイプとなっており、50以上の木のシルエットのパターンがあります。
手元の画像をアップロードして、繰り返して背景などに使用できるパターン画像を生成するオンラインサービス「Repper」を紹介します。 Repper - create your own patterns! Repperでパターン画像を作成するには、上記URLにアクセスし「start tool now」をクリックすると、パターンの作成ウインドウが開きます。 パターンの元となる画像は、「Random image」から予め用意された画像、または「upload image」で自由に画像をアップロードして使用できます。 あとは、ボックスをドラッグしてパターンにする箇所に移動します。ボックスはサイズ変更が可能です。 上記のキャプチャで作成したパターン画像は、下記のようなパターン画像として生成されます。
Elements of Designは、ブログなどのウェブサイトでよく使うエレメントのデザインを集めたサイトです。
The Lazy Rule of Thirds カメラの構図は、1:1.618の黄金四角形をベースにし、フィボナッチスパイラルのラインに沿って被写体を置いていきます。
ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが
ウェブデザインにおける、ライトとシャドウの効果的な5つの使い方をSmashing Magazineから紹介します。 5 Simple Tricks To Bring Light and Shadow Into Your Designs 以下、その意訳です。 ライトとシャドウというのは単にそこにあるだけではありません。ライトは対象物を射し、シャドウを生み出します。 形や大きさ、質感を伝え、目にする対象物の理解を深めます。 ウェブデザインでもこのライトとシャドウは非常に重要で、デザインをよりナチュラルにし、感動的で直感的なものにします。 ここに、ライトとシャドウの洗練された5つの使い方を紹介します。 A Quick Anatomy Of Light And Shadow ライトとシャドウの構造 下の図は、ライトが左からあたっています。ハイライトはそのライトが一番強くあたっている箇所です。そして
ウェブサイトの効果的なタイポグラフィの17のテクニックをWebdesigner Depotから紹介します。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く