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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

＊ファイルのURL指定方法についてです

HTMLのimgタグやlinkタグでは画像ファイルやCSSファイルを読み込むために、ファイルのURLを指定する必要があります。

ファイル名やURLの指定方法が間違っているとファイルが読み込まれないので、URLの指定方法はしっかり押さえておきましょう！

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

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

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