＊Photoshopの描画モードに関する解説記事です＊

画像や色を重ねた際の、色の重なり方・混ざり方を変えられる描画モードですが、種類がかなり多いため全てを一度に把握するのは困難です。

そこで今回は、よく使う描画モードを目的別に紹介していきます！

＊JavaScriptでデータを格納・確認する方法についてです＊

JavaScriptでは様々なデータを取り扱うことが可能です。
その第一歩として、まずはデータを定数/変数と呼ばれる入れ物に格納し、格納したデータを確認することから始めてみましょう！

＊Illustratorで画像を図形の形に型抜きする方法の解説です＊

Illustratorには選択範囲を作成する機能が無いので、画像の形に合わせて性格に切り抜くのは得意ではありません。
しかし、Illustratorが得意な図形の描画を活かして、図形の形に画像を型抜きすることは簡単にできます。

この記事ではその方法と、それを使った応用テクニックを紹介していきます。

＊【CSS】マウスカーソルを変更する方法＊

ボタンなどクリックできるオブジェクトの上にマウスカーソルが乗っかった時に、マウスカーソルが指指しの形に変わると、「これはクリックできるものだ」と直感的に分かります。

このように、状況に応じてマウスカーソルを変更することはUIの改善にもつながるので、ぜひ覚えておきたいテクニックです。

＊バナー画像作成の過程の解説です＊

デザインのテクニックは色々ありますが、小手先のテクニックばかり一生懸命覚えてもすぐに忘れてしまうか、実際の制作場面で活かせないか…といったことになりがちですよね。

そこで今回は小手先のテクニックではなく、デザインの過程を１から丁寧に解説することを目的とした記事を書いてみました。

＊srcset/sizes属性についてです＊

Webページがスマホから閲覧される場合、画面が小さいので大きなサイズの画像は必要ありません。

一方、PCは画面が大きいので画像サイズも大きい（高画質である）ものが良いと言えます。
このようにデバイスによって適切なサイズの画像を自動で切り替えてくれるのが、srcset/sizes属性です。

＊Photoshopのスマートオブジェクトに関する解説記事です＊

Photoshopを扱っていると当然のように『スマートオブジェクト』という言葉が出てきますが、スマートオブジェクトについてなんとなく理解はしているような、そうでもないような…という方も多いのではないでしょうか？

結局のところ写真を加工編集する時、スマートオブジェクトが良いのか、ラスタライズした方がいいのか、その結論と理由についてまとめてみました。

＊JavaScriptのコードを記入する場所について＊

JavaScriptを動かしてみたいと思っても、どこにコードを書いたら良いのかがわからないとできませんよね。

サンプルプログラムを書き込んだりする前に、まずはコードの記入場所や位置について学んでいきましょう！

＊Illustratorでオブジェクトを水平方向に反転コピーする方法の解説です＊

ハートマークやリボン、動物・人物の顔（正面向き）のアイコンなどなど…こういったものを作りたい場合、左右のパーツがズレないように左右別々に作るのはとても大変ですよね。

そんな時に役立つのが、半分だけ作って、もう半分は反転コピーするという方法です。

この記事ではその方法をいくつかご紹介します。

＊CSSだけで作れる見出しデザインのサンプル集です＊

Webデザインで意外と難しいのが「見出しデザイン」ではないかと思います。

文字を大きくして太字にするだけだとちょっと地味ですし、テキストシャドウをかけたりしてみても何か違う…となりがちです。

そこで今回は、CSSだけで作成可能な見出しデザインを9種類ほど用意してみました！