背景画像をブラウザいっぱいに表示するスタイルシートのシンプルなテクニックを紹介します。 デスクトップだけでなく、スマフォやタブレットにも対応、しかもたった一行なのでスニペットに加えておくと便利です。 デモを幅480pxで表示 コンセプト 「background-size」をビューポート全体をカバーするために使う 「background-size」はレスポンシブ対応にする時に非常に有効なプロパティです。値に「cover」を使うことで、背景画像を相対的に自動で調整します。 ※IE8以下はサポートしていませんが、後述のスクリプトを使用するとbackground-sizeが機能するようになります。 「Media Queries」をスマフォ対策として使う スマフォなどの小さいサイズのスクリーン用にMedia Queriesを使って、小さいサイズの画像ファイルを使うことができます。もっともこれはオプシ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ウェブデザインのセンスを磨く方法の一つに、他人の作ったものを数多く見ることがあります。 2011年が終わる前に、チェックしておきたいUIデザインをdribbleから紹介します。

そのまま使うも良し、デザインの勉強をするも良し、のウェブデザイン用の高品質なPSD素材がダウンロードできるサイトを紹介します。 キャプチャ：「tutegate」から「Pretty little frame」 下記にPSD素材がダウンロードできる全8サイトと、それぞれからいくつかピックアップしました。 [ad#ad-2] tutegate Victor Sosea the Finished Box 365psd Premium Pixels Freebies Booth Themes Kingdom 素材をダウンロードして利用する際には、ライセンスを必ず確認してください。 tutegate

Webデザインにおいてよく利用するデザインパーツのひとつ「ボタン」デザイン。 海外デザインブログWeb and Designersで、これまでに紹介したことのないPhotoshop用無料PSDボタン素材を60個まとめたエントリー「60 Outstanding Free PSD Buttons」が公開されていたので、今回はご紹介します。 多くの素材に色違いや大きさによって複数のボタン素材が収録されているので、ダウンロードしておくと便利かもしれません。 どれもPhotoshop用PSD素材を収録しているので、自由にボタンサイズ、テキストなどの変更も行うことができ便利ですよ。 詳細は以下から。 ダウンロードしておきたいPhotoshop用PSDボタン素材まとめ Follow Buttons 3色の異なる色でデザインされたボタンデザインセット、それぞれ通常時、ホバー時、アクティブ時の3種類ずつ用意

Everyone loves free fonts. If you want to be a bit special, you can use these free creative fonts to make sure that your designs will stand out. We have collected most download free creative fonts in 2011. There are very good for font creation, creative graphic typographic works, and unique web design titles and so on. But hey – we are here all becoming/experienced designers, I don’t need to tell

40 Sets of Free Social Media Icons | Vandelay Design Blog TwitterやFacebook等、フリーで使えるソーシャルメディアアイコンセット４０。 次のような、デザインに嫌なクセがなくて汎用に使えそうなアイコン〜個性的なものまで色々なアイコンセットが紹介されています。 サイトデザインに合ったアイコンが選べそうなので覚えておいてもよさそう。 Linked.inも日本で開始するそうですが、どうなっていくのか楽しみです 関連エントリ 選びたい放題のフリーのソーシャルアイコンセット色々 シンプル白黒がいい感じのソーシャルアイコン37個セット「LinkDeck」 白黒シンプルがいい感じのベクター形式のソーシャルアイコンセット 246種類のクリアで美しいソーシャルアイコンセット

人生においておめでたい結婚式では、多くの人が前準備に参加してくれることで心に残る思い出になります。 そんな結婚式において誰もが作成するであろう招待状には、それぞれの個性を活かしたクリエイティブなデザインが多いようです。 海外デザインブログDesign Shackで、ユニークな結婚式招待状デザインを５０個まとめたエントリー「50 Examples of Wonderfully Designed Wedding Invitations」が公開されていたので、今回はその中から印象的な作品をいくつかご紹介します。 真似したくなるかわいいデザインから、真似できないような奇抜なアイデアまで揃っているので、今後のデザイン作成の参考にしてみてはいかがでしょう。 詳細は以下から。 どんなトレンドがあるの？ プリント媒体においてもユニークでクリエイティブなデザインの多い結婚式招待状にもトレンドがあるようです。

デザインと一緒にテキストを利用するとき、まずフォントを選び、そこからデザインを練っていくことありませんか。 フォントを変更するだけでがらりと印象が変わってしまうほど、重要なデザインパーツのひとつです。 海外デザインブログDeisgningMallで、エレガントでオシャレな使いやすいフリーフォン60個をまとめたエントリー「60+ Excellent, Elegant and Exceptional Free Fonts」が公開されていたので、今回はご紹介します。 なにかと時間のかかるフォント選びを楽に行うためにアルファベット順に並べています。お気に入りのフォントを見つけてみてはいかがでしょう。 詳細は以下から。 エレガントでオシャレなフリーフォントまとめ保存版 [note_box]まとめているフォントは全て無料ダウンロードすることが可能となっていますが、使用に関するライセンスは異なりますので