タグ

Web制作とテクニックに関するshinchaaaaaaanのブックマーク (3)

  • 【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック – PresentNote

    ヘッダーやフッターなどがブラウザの横幅いっぱいに広がっているウェブサイトをよく見ると思います。そういった表現を実現しようという趣旨です。スタイルシートを活用して、画面いっぱいに広げたいと思います。 以前、どのような考え方でCSSを変更し横を画面いっぱいに広げればいいのかということをまとめたのですが、実はある問題が発生していました。 問題)レスポンシブデザインに対応できなくなった Twenty Elevenはもともとレスポンシブデザインになっていました(レスポンシブデザインって何? という場合は、ググってみてください)。しかし、横幅いっぱいにヘッダーやフッターを広げると、なぜかレスポンシブデザインではなくなってしまったのです。iPhone で確認すると、サイトは単純に縮小されたように表示され、第一印象では「小さすぎて何が書かれているか分からない……」という感じです。なのでタップして拡大しない

    【続】横幅いっぱいのヘッダーやフッターにするCSSテクニック – PresentNote
  • Webデザインの現場で使えるPhotoshopテクニックまとめ9つ - W3Q

    Photoshopの秘法 発掘キャンペーン - ... / 画像を拡大してもできるだけ画質を下げないPhot... / ちょっとぼんやりした画像をくっきりさせるPhot...他...全9件

    Webデザインの現場で使えるPhotoshopテクニックまとめ9つ - W3Q
  • 新人Webデザイナに贈る! 美人/タレント素材の創り方

    新人Webデザイナに贈る! 美人/タレント素材の創り方:一撃デザインの種明かし(11)(1/3 ページ) 顔写真を使ったWebコンテンツ制作の基礎知識 新人Webデザイナの皆さんも研修を終えて、そろそろ制作現場で実作業に入り始めていることと思いますが、いかがでしょうか? 現場の大変さが分かりかけてきているかと思います。 そんな新人さんのために今回は、いま話題の“美人”“美女”を扱ったWebキャンペーンのコンテンツや、タレントを使ったウキウキワクワクするコンテンツの写真素材作りの基礎、そして現場で使えるテクニックをお送りします。 Webキャンペーンの今昔 数年前までのWebキャンペーンは、CMや紙面の広告の、あくまでも“おまけ”として展開されていました。そのため、Web制作の多くの場面では、CMや紙面の広告に使われた写真や素材を流用できました。 しかし、最近では逆に、「Webを中心にCMや紙

    新人Webデザイナに贈る! 美人/タレント素材の創り方
  • 1