＊JavaScriptの概要についてです＊

JavaScriptはWebページに動きや機能をつけることができるプログラミング言語です。

この記事では、そもそもプログラムとは？という基本的なところから解説していきます。

＊Photoshopで写真の特定の物だけ色を変更する方法＊

人物の服や小物など、限られた一部分の色だけを変えるレタッチテクニックをご紹介します。
色々な場面で使える、汎用性の高いレタッチです。

＊基本的なCSSアニメーションの実装方法についてです＊

アニメーションというと、細かいプログラムが必要なのではないかと身構えてしまう方もいるかもしれませんが、シンプルなアニメーションであればごく単純なCSSで実装することが可能です。

他のCSS調整と違った複雑さや難しさが全くないとは言いませんが、イメージだけで「自分には無理そう…。」と思い込んでしまうのはもったいないです。

この記事ではCSSアニメーションの基本に的を絞って、余計な情報を省いて必要なポイントだけお伝えしていきます。

シンプルなアニメーションであれば、この記事の内容を把握しておくだけOKです。

＊Illustratorのパスファインダー機能の基本的な使い方の解説です＊

パスファインダーの基本的な使い方や機能の概要の説明はもちろん、それを使った実用的なオブジェクトの制作例も合わせてご紹介しています。

パスファインダーを使えば、絵が描けなくても様々なアイコンを作ることも可能です。

＊HTML：articleタグとsectionタグの使い分けについてです

HTMLはマークアップ言語であり、タグはWebページコンテンツの役割や意味を明確にするためのものです。

しかし、マークアップの対象の違いが分かりづらいものも中にはあります。その代表が、articleタグとsectionタグではないでしょうか？

より分かりやすい構造のHTMLを作成できるよう、両者の違いについてあらためて確認していきましょう！

＊CSSで要素を縦の中央揃えにする方法です＊

横方向の中央配置テクニックは頻繁に使うので、既にやり方を知っている人も多いと思います。

しかし縦方向の中央配置は、時々必要になるという程度なので、やり方を詳しく知らなかったり、うろ覚えだったりしますよね。

今回はなるべく簡単で応用が効く縦の中央揃えの方法をご紹介します。

＊仕事の資料作成にも役立つ、デザインの基礎テクニックです＊

デザイナーでなくても仕事で資料を作成したり、メッセージカードや年賀状をオリジナルで作ったり、日常生活で何かをデザインする機会は多いと思います。

今回はデザイナーではない方向けに、デザインの基礎について記事をまとめました。

デザインは苦手、よく分からない…という人こそ、基本的なテクニックを押さえるだけで劇的に見やすくまとまったデザインに仕上げることができますよ！

＊HTML：ブロックレベル要素とインラインレベル要素の違いについてです

2021年11月時点で最新のHTML5では、ブロックレベル・インラインレベルで要素が分けられている…というわけではありません。

ですが、CSSのdisplayプロパティではblockやinlineという値がありますし、ブロックレベル要素とインライン要素があると考えた方がわかりやすい場合も多いです。

ということで、HTMLのブロックレベル要素とインラインレベル要素について解説していきます。

＊CSSの擬似要素についての記事です＊

プログラムではないCSSでは本来、要素を作り出すという命令は出せません。

しかし擬似要素という仕組みを使うことで、CSSでも擬似的な要素を生成し、HTMLファイルを編集することなくテキストを付け足したり、画像を挿入したりすることができます。

やや扱いが難しい擬似要素ですが、基礎からしっかり解説していきます。

＊Photoshopで画像を切り抜くテクニックです＊

画像の切り抜きはPhotoshopの画像編集の中でも最も多用する加工編集だと思います。

自動的に切り抜き範囲を選択してくれる機能もありますが、それだけでは正確な切り抜きができないこともしばしば。

この記事では、画像を切り抜く方法だけでなく、なるべく正確に切り抜くテクニックもあわせてご紹介します。