webproduct-lab

― CATEGORY ―

webデザイン

ゆうき

JPG GIF PNGを用途別に正しく使い分ける方法について

webデザイン

JPG GIF PNGを用途別に正しく使い分ける方法について

2016年12月22日ゆうき

ブログを投稿する場合、わかりやすく解説するために画像もよく使用するかと思います。その画像を書き出す場合、どのファイル形式で書き出していま …

Photoshopのヒストリー機能を便利に使う方法

Photoshopのヒストリー機能を便利に使う方法

2016年11月28日ゆうき

みなさん、Photoshop使ってますかー？私は紙もののデザインはもちろん、WebデザインにもPhotoshopを使っていて、ちょっ …

linear-gradientとは？cssでテキストにマーカーを引いた表現方法について

linear-gradientとは？cssでテキストにマーカーを引いた表現方法について

2016年11月18日ゆうき

さて、今回はブログでよく見かける下記のようなマーカーを引いた感じの設定方法についてです。サンプルテキストです <span s …

【css】ボックスの高さを揃えるheightLine.jsが便利

【css】ボックスの高さを揃えるheightLine.jsが便利

2016年10月25日ゆうき

私はデザインの仕事に携わって早15年になりますが、コーディングも10年以上経験しています。そんな私がよく遭遇する、htmlやcssを …

レスポンシブデザインに便利なcssまとめ

レスポンシブデザインに便利なcssまとめ

2016年9月27日ゆうき

今回はレスポンシブデザインに便利なcssについてのお話です。レスポンシブデザインに対応するためにはまず、ビューポートをヘッダーに記述して、メディアクエリのブレイクポイントに …

クレジット表記の必要がないCC0 Licenseの写真素材が便利すぎる！

webデザイン

クレジット表記の必要がないCC0 Licenseの写真素材が便利すぎる！

2016年9月5日ゆうき

記事のアイキャッチやイメージなどに使用する写真ですが、みなさんは何を使っていますか？ぱくたそ-フリー写真素材・無料ダウンロードなんか …

Photoshopで最低限やっておきたい！色や歪みなどの補正方法

Photoshopで最低限やっておきたい！色や歪みなどの補正方法

2016年5月6日ゆうき

みなさん、デジカメやスマホで写真を撮った後はどうしてますか？ある程度写真が好きな方なら、数多く撮った中からセレクトした後、補正して書き出 …

画像ファイルを軽くする！効率良く圧縮する方法について

webデザイン

画像ファイルを軽くする！効率良く圧縮する方法について

2016年2月14日ゆうき

画像ファイル軽くしていますか？私はコーディングをする際、あまり画像ファイルの容量は気にしていない方だったんですが。。最近はレスポンシ …

CSSで三角形を作る方法と理屈について

CSSで三角形を作る方法と理屈について

2015年11月5日ゆうき

はい、今回はCSSで三角形を作る方法と、なぜそうなるのか？理屈についてまとめてみたいと思います。疑似クラスの、:beforeや:afterに使うと吹き出しなどの三角形を表現 …

Photoshopのプラグインコンタクトシートが便利すぎる！

Photoshopのプラグインコンタクトシートが便利すぎる！

2015年10月13日ゆうき

写真を確認・セレクトする場合、Bridgeなどのビューアソフトで見ると便利ですが、会議や先方のクライアントに渡す場合などに、サムネイル一覧で …