＊画像の上にテキストを配置する時のコツ＊

チラシでもウェブでも、何かをデザインする上で「写真素材の上にテキストを配置したい」という場面はかなり多いです。
ですが、写真素材を活かしつつバランス良くテキストを配置するのって、意外と難しいですよね。汗

今回はテキストを配置する際の基本的なテクニックをご紹介します！

＊改行（br要素）の注意点についてです＊

brタグの挿入で改行ができることは、コーダーでなくとも知っている人が多いのではないかと思います。
使い方もタグを挿入するだけなので、とても簡単です。

ですが簡単であるがゆえに、無意識的に適切ではないbr要素の使い方をしてしまうことも…！？
今一度、br要素の注意点について確認していきましょう。

＊30代未経験からフリーランスになった実体験を語ります＊

「フリーランスに興味があるけれど、一歩が踏み出せない。誰かの実体験を聞いてみたい。」という方もきっといらっしゃると思います。
そんな誰かの、何かの参考ぐらいにはなれたら嬉しいなと思って、今回の記事を書きました。

＊Photoshopのトーンカーブの基本的な使い方についてです＊

トーンカーブは頻繁に使う機能の一つですが、数値やグラフのようなものが出てくるので苦手意識を持っている方も多いのではないでしょうか？

そこで今回は、トーンカーブの基本的な仕組みと使い方について解説していきます！

＊JavaScriptの配列・オブジェクトを使って複数のデータを格納・確認する方法です＊

例えば会員登録をする際、氏名の他にメールアドレスやパスワードを設定することが多いと思います。
このように複数のデータがある場合は、データを【配列】や【オブジェクト】の形式にすることで、管理が容易となります。

この記事では、配列・オブジェクトを使った複数データの格納についてお伝えします。

＊Illustratorでテキストを切断・分解する方法です＊

Illustratorではロゴ・タイトルデザインをすることも多いですが、独自性を出して目を引くためにテキストを切断したり分解したりすることも多いです。

簡単そうに見えて意外と一筋縄ではいかないところがあるので、ポイントを確認していきましょう！

＊【CSS】画像の形に合わせてテキストの回り込ませる方法です＊

画像とテキストを横並びにすると、通常であれば四角形の枠で区切られて規則正しく画像とテキストが並べられます。
規則正しいレイアウトは見やすいのですが、面白みに欠けて退屈な印象を与えてしまうことも…。

そこで、画像の形（丸とか色々）に合わせてテキストを回り込ませる、ちょっとオシャレなレイアウトを実装する方法をご紹介します！

＊ジャンプ率の設定についてです＊

文字などの大きさに差を付けること、その差の程度を、デザインの世界では【ジャンプ率】と言います。

ジャンプ率の高低はどのように設定すれば良いのでしょうか？
基本的なことですが、あらためて確認していきましょう！

＊picture要素とそれに関連する要素・属性についてです＊

スマホとPCで表示画像を切り替えたいケースは多いと思います。
今回は、必要ない画像は読み込まないようにしつつ、表示画像をデバイス（ブラウザ）幅に合わせて切り替える方法をご紹介します。

CSSを使うことなく、HTMLだけで簡単に切り替え設定ができますよ！

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

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

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