デザイン・アート・芸術系の情報集

商用でも無料で利用できる、クロスブラウザ対応のドロップダウン型ナビゲーションを配付しているサイトを紹介します。Free CSS Drop-Down Menu Framework再紹介となりますが、ナビゲーションの [...]

ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。List of Web Design Mistakes You Should Avoid下記は、各リストを意訳したものです。 ※訳者注： 一部過激なものは表現を少し和らげています。はじめにウェブサイトや...

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

年代物の羊皮紙のパーチメントに刻印したように描くPhotoshopのチュートリアルをPhotoshop Starから紹介します。

なんとなく目立たせるためにドロップシャドウを適用したり、ちょっとさみしいのでグラデーションを加えたりしていませんか？Web designer Depotからドロップシャドウとグラデーションをウェブデザインで的確に使用するためのチュートリアルを紹介します。Drop-Shadows and Gradi...

2010年に備えて、2009年のウェブデザインに役立つまとめをまとめました。Web Design Trends For 2009邦訳：2009年、押さえておきたいウェブデザインの10のトレンド2009年に流行るで [...]

『 bitlyで短縮されたURLから動画だけを抜き取ったサイト「bitly.tv」 』 by naka1015

HTMLをはじめ、CSSやJavaScriptなどで実装するフロントエンドの主要な機能が一つのパッケージになった「Easy front-end framework」を紹介します。

ウェブサイトでもっとも重要なデザイン要素といっても過言ではないボタン。このボタンのデザインが良くないと、ユーザーにクリックしてもらえなくなっています。今回は、Photoshopファイルなどで、ダウンロードして使えるボタン素材をいろいろと集めてみました。WEB UI Treasure Chest v...

2010年に向けて押さえておきたいウェブデザインのトレンドの14のポイントをWeb Design Ledgerから紹介します。Web Design Trends for 2010下記は、その意訳です。また、同著者の別エントリーに対応したものもあります。 これはもう使用しない方がいいウェブデザインの...

光の4戦士を買ったんすが、売り文句通りレトロな感じがしていいですね。 まぁまだ2, 3時間程度しかやってないんで、これからどうなるか分かりませんが時間を見つけてやって行こうかと。さて、以前からoverflowプロパティは使い勝手が良いというか、使う場面が多いプロパティの一つですが、考えてみると色ん...

ず、随分間が空いてしまった・・・何て言う現実。 気付けば冬間近ですね。久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。 ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+1にしてみました。サンプルサイトを見るサンプルをダウン...

5 Rules To Write More Readable CSS Files1. プロパティをアルファベット順に各エレメントのプロパティの記述順をアルファベット順にします。#nav{border: solid 1px #DEDEDE;color: #000;padding: 10px;widt...

Photoshopを使用して、グラデーションを描いた時に濃淡の縞ができないように滑らかにするチュートリアルをslodiveから紹介します。How To Correct Banding In Your Gradient [...]

タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。Module Tabs in Web Design以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジ...

ショッピングサイトは扱っている商品やマーケティングはもちろんですが、デザインやインターフェースの使い勝手なども、売り上げにつながる大きな要素なのでは無いでしょうか？カートの使いやすさ、商品の見やすさなど、デザイン部分で改善できる部分もたくさんありそうです。今回は、ショッピングサイトをデザインする際...

『 こちらのサイトもカテゴリーに分けて、ユーザーインターフェースをまとめてくれています。数もこちらの方が多いかも。スクリーンショットも大きめで、見やすいです。 』 by shotalow

『 UIパターンまとめサイト。便利そう。ときどきチェックする。 』 by kyaraway

Photoshopの設定を変更して、動作を軽快にするための10のステップをSmashing Magazineから紹介します。10 Simple Steps to Better Photoshop Performanceはじめにもし、あなたがPhotoshopの設定をデフォルトのまま使用していたり、...

紹介済みから未紹介のものまで、jQueryのプラグイン34選です。slideView動きが面白い画像のスライドショー。Mop Sliderコンテンツのスライダー。バージョンアップ。simplyScroll [...]