タグ

ブックマーク / www.webproduct-lab.com (2)

  • レスポンシブデザインに便利なcssまとめ|webproduct-lab

    今回はレスポンシブデザインに便利なcssについてのお話です。 レスポンシブデザインに対応するためにはまず、ビューポートをヘッダーに記述して、メディアクエリのブレイクポイントによってデバイスごとにcssを切り替えます。 WordPressの場合だと、すでにテンプレートの時点でレスポンシブデザインが導入されていて、ご自分でカスタマイズする必要がないものもありますよね。 しかし、そういったCMSを使用していない静的なWebサイトの場合だと、自身でスマホ対応するためにレスポンシブデザインを導入する必要があります。(レスポンシブデザインとは、スマホに対応する色々な手段のうちのひとつです。) その際、レスポンシブデザインに対応するために、特に便利なcssを個人的にまとめてご紹介したいと思います。 display:none; PCとスマホでどうしても異なる画像やコンテンツを表示したい場合に指定します。

    レスポンシブデザインに便利なcssまとめ|webproduct-lab
  • Photoshopで最低限やっておきたい!色や歪みなどの補正方法|webproduct-lab

    みなさん、デジカメやスマホで写真を撮った後はどうしてますか? ある程度写真が好きな方なら、数多く撮った中からセレクトした後、補正して書き出して保存していると思いますが、今回はその画像をWeb用に書き出す際に最低限やっておきたい写真の補正方法を個人的にまとめてみたいと思います。 写真は、簡単な補正でクオリティが上がります。写真好きな方には特におすすめの補正方法ですので、ぜひ参考にしてみてください。 また、RAW現像に関してはこちらの記事を参考にしてみてください。 デジカメ撮影後のかんたんRAW現像のコツ -個人的まとめ私はデザインの仕事をしてきて、入稿データなどの写真素材の構図を色々と見てきました。すると、自然にデジカメにもハマり、自分でも撮るようにな... 色の補正 写真の補正と聞くとまずは色補正ですよね。 私の場合、色補正はトーンカーブ、またはレベル補正、そして色相・再度の補正でほぼ完結

    Photoshopで最低限やっておきたい!色や歪みなどの補正方法|webproduct-lab
  • 1