Webサイトを使いやすく！UIデザインのCSS小技テクニック21個まとめ（実例サンプルコード付） - PhotoshopVIP

2018/01/23 160 users Twitter PhotoshopVIP インターフェース

素敵なインターフェースを心がけ、ユーザーエクスペリエンスを格段に改善することができる、UIデザインの重要ポイントを具体的なHTML/CSSのサンプル例と一緒にご紹介します。これらの各ポイントは、もともと @steveschoger がTwitterでツイートした内容となります。 1. アイコンはラベルよりも少しだけ明るくしよう。 文字ラベルの横にアイコンを配置するときは、少しだけ色を明るくしてみま... 続きを読む

ずっと使える、デザインの基本をまとめました。【2017年改訂版】 - PhotoshopVIP

2017/01/27 317 users 基礎テクニック エントリー 興味 対象 すべて

ずっと使える 、 デザインの基本をまとめました。【2017年改訂版】 Basic Design Rules 2017 「デザイン」に対して興味のあるすべての人を対象に、 いつまでも長く利用できるデザインの基礎テクニック を、これまで当サイトで紹介したエントリーの中から、各ポイントごとにまとめました。デザイン入門編として覚えておきたい基本から、サンプル例を見ながら理解できる、より実践的なデザインテク... 続きを読む

プロジェクト成功確率向上の近道とは？（2）：サンプル例に見る機能仕様書の基本的な書き方＆読みやすくする7つのテクニック (1/3) - ＠IT

2015/02/06 446 users 近道 テクニック Joel プロジェクト成功確率向上 書き方

プロジェクト成功確率向上の近道とは？（2）：サンプル例に見る機能仕様書の基本的な書き方＆読みやすくする7つのテクニック (1/3) ITシステム開発の問題点の一つであるコミュニケーションの失敗。本連載では、これを防ぐ方法としてお勧めしたい3つのドキュメントを紹介していく。今回は、Joelの機能仕様書を日本人向けにカスタマイズされたものを例に、機能仕様書の基本的な書き方、読みやすくする7つのテクニッ... 続きを読む

ロゴ入りのクールなQRコードが作れる「Unitag」:phpspot開発日誌

2012/07/02 291 users QRコード phpspot開発日誌 ロゴ ロゴ入り ツール

Unitag QR Generator- Create fancy QR Codes for free - Check out Premium access - Unitag - Connect to the world ロゴ入りのクールなQRコードが作れる「Unitag」。 WEBブラウザ上でサイトのロゴが入ったQRコードなどを簡単に作れるツールです サンプル例。なんかかっこいい。 ロゴ入り。こ... 続きを読む

CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例色々:phpspot開発日誌

2011/02/18 138 users CSS phpspot開発日誌 images ヘッダ 一昔前

CSS drop-shadows without images ? Nicolas Gallagher CSSでリアルでクールなドロップシャドウ効果を描画するサンプル例が色々公開されています。 一昔前なら、どう考えても画像を使っていると思ってしまうこうしたグラフィックもCSSで実現できてしまいます。 パターンも多くて実用的です。ヘッダ、メニュー等、ありとあらゆる部分に応用できそう。 画像編集ツール... 続きを読む