WebMedia | Web制作・システム開発など多くの実績を持つITRAならではの様々な情報を発信していきます。
デザイン・コーディング
Webサイト制作に関わる方や企業のWeb担当者向けに、Webサイトのデザインやコーディングの基礎的な知識から応用のテクニックまでご紹介いたします。
-
Photoshop ラスタライズとは?画像の種類や対処法を解説!
Photoshopで画像を作成していると、「レイヤーをラスタライズしますか?」という確認画面が出てきて、作業が止まってしまったことはありませんか?今回は「ラスタライズ」を理解するための画像の種類や、確...
-
【Photoshop入門】ワークスペースとは?基本的なパネルや設定方法を解説!
Photoshopを使い始めた頃は、今まで表示できていたツールが消えてしまったり、作業の途中でツールの位置が分からなくなったりすることはありませんか?そのような不便性は、Photoshop内の「ワーク...
-
【Photoshop入門】テキストツールの使い方!フォントの変更方法や切り抜き方法を紹介!
Photoshopを使い始めたばかりの頃は、テキストツールの扱い方が難しく、イメージ通りのフォントを作るのに時間がかかってしまいますよね。今回は、シンプルなべた塗りのテキストや画像を切り抜いてつくるフ...
-
【Photoshop入門】レイヤーとは?表示方法や基本の6種類を解説!
Photoshopをはじめて使うとき、多くの機能や難しい用語がたくさんあり作業がなかなか捗らないことはありませんか?Photoshopの基本的な機能だけでもしっかりと理解しておくだけで、Photosh...
-
【Photoshop入門】 解像度とは?確認・変更方法を分かりやすく解説!
画像の容量が大きすぎて困ったことはありませんか?画像の容量が大きいと、画像を添付したメールが送れなかったり、画像を掲載したWebサイトの表示速度が遅くなったりしますよね。そうした問題を解決する手段の1...
-
【初心者向け】クリエイティブ・コモンズ・ライセンスとは?著作権のルールを知ろう!
普段インターネット上で画像や動画を使用する場合、著作権などのライセンスをきちんと理解して使用していますか?作品の著作権を確認せずに使用していると、場合によっては権利の侵害にあたり違法になる可能性があり...
-
【厳選!】6つの拡張子(画像フォーマット)の特徴と適切な用途を比較!
Webサイトに画像をアップロードしたいけれど、どの拡張子(画像フォーマット)、もしくは画像ファイル形式を選べばいいか迷った経験はありませんか?画像のファイル形式は種類が多く、それぞれに特徴があって混乱...
-
Photoshopのスライスツール・画像アセットとは?書き出し方法をそれぞれ紹介
Webサイトを作成する際に、作り上げたデザイン画からそれぞれのパーツを書き出す必要がありますよね。Photoshopでの書き出しは従来スライスツールで行われていましたが、Photoshop CC に導...
-
擬似クラスとは?:hoverや:nth-child(n)など使える擬似クラスの種類を紹介
擬似クラスは何のために使用するものなのかをしっかりと理解できていますか?擬似クラスとは、CSSのセレクタに付け加えて使用し、デザインの適用方法を増やすことができるものです。擬似クラスを理解して使用でき...
-
OGPとは?OGPの基本からOGP画像のサイズや設定方法を分かりやすく解説
OGPとはWebサイトの内容をSNS上でシェアするための仕組みです。OGPにはWebの記事がSNSにシェアされた際に表示する情報を記述しておく必要がありますが、どのような項目をどこに記述すればいいのか...