note

photoshop cc で拡大縮小比率をShiftキーで調整する場合の設定

https://community.adobe.com/t5/Photoshop/Photoshop-20-x-2019-%E3%81%AE-%E5%A4%89%E5%BD%A2-%E4%BB%95%E6%A7%98%E5%A4%89%E6%9B%B4%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/td-p/4788562?profile.language=ja&pageRefresh=true

Photoshopを起動し画面上部のメニューより以下項目を選択

1.Windows：編集＞環境設定＞一般

Mac：PhotoshopCC＞環境設定＞一般

2.「従来方式の自由変形を使用」にチェックをつけて、右上の「OK」をクリック

slick.jsを使って左右の画像をチラ見せするメイン画像スライダーのサンプル

https://peacepopo.net/blog-entry-238.html

centerPadding: '10%'　がキモっぽい。

<link rel="stylesheet" type="text/css" href="slick.css">

<link rel="stylesheet" type="text/css" href="slick-theme.css">

<script type="text/javascript" src="jquery.min.js" ></script>

<script type="text/javascript" src="slick.min.js"></script>

<script>

$("document").ready(function(){

$('.mypattern').slick({

autoplay: true,

autoplaySpeed: 2500,

speed: 800,

dots: true,

arrows: false,

centerMode: true,

centerPadding: '10%'

});

});

</script>

<style>

* {

margin: 0;

padding: 0;

}

.slider {

width: 90%;

margin: 0 auto 80px;

}

.slick-slide img {

width: 100%;

height: auto;

}

.mypattern{

width: 100%;

}

.mypattern .slick-slide{

margin: 5px;

}

</style>

<div class="content">

<div class="slider mypattern">

<div><a href="#"><img src="画像URL"></a></div>

<div><a href="#"><img src="画像URL"></a></div>

<div><a href="#"><img src="画像URL"></a></div>

<div><a href="#"><img src="画像URL"></a></div>

<div><a href="#"><img src="画像URL"></a></div>

<div><a href="#"><img src="画像URL"></a></div>

<div><a href="#"><img src="画像URL"></a></div>

</div>

</div>

テキスト一行での両端揃えの方法

クラス”text-justify”をつけるとテキストが両端揃えになる。
（bootstrap4でデフォルト設定されている。）

例
<p class="text-justify">テキストを両端揃えする</p>

ベタコードで書くと以下のとおり。
text-justify{

text-align: justify;

text-justify: inter-ideograph;
}

text-justify: inter-ideograph;については以下のサイトで説明あり。

★ブラウザ別、一行での両端揃えの方法
https://qiita.com/nabe_kurage/items/ddd1659f1798217d198f

日本語のように空白文字で区切らない言語はtext-align(-last)だけだと均等にならない。

text-justify:inter-ideographをつける必要がある。

text-justifyはIEが独自での採用したもので、inter-ideograph を指定すれば日本語・中国語・韓国語の文字間隔を調整して両端揃えにしてくれるそうです。

cssで三角矢印を中央に置く

CSSでヘッダーの真ん中に吹き出しっぽい三角をつけてみた https://wp.myafi.net/balloon/

PHPでのリンク先に、変数の中の文字列を渡したい。

▼該当のHTMLファイル

<?php //大学入試対策について

$file=大学入試対策;

?>

・
・
・

<?php include DOC_ROOT.'/_partials/global/conversion/generic_e.php'; ?>

▼インクルードするCVファイル（ここでは、generic_e.php）

<?php

print '<a class="btn btn-axis btn-conversion trial" href="/trial/?title=' . $file . '">';

?>
<i class="fas fa-chalkboard-teacher mr-2 mr-pc-2 lg"></i>無料体験授業を申し込む</a>

参考にしたサイト
https://teratail.com/questions/57239

一流クリエイターが作った無料デザイン素材38選

https://saruwakakun.com/design/tips/dribbble#section4

[Illustrator] アクション設定

https://creatorhyp.com/tips/illustrator-action/

google スプレッドシートで特定の文字が入力された行に色を付ける

https://qiita.com/ori3/items/b00a66041ceddd3c83a2

シェイプの結合・中マドが便利

【Photoshop CS6】シェイプの結合・中マドが便利
http://www.ar-ch.org/mt/archives/2012/09/photoshop-shape.html

二つのレイヤーのシェイプを結合させたいとき
2つのレイヤーを選択して、「Ctrl+E」でレイヤーを結合

特色をプロセスカラーに変更する方法

特色(スポットカラー)について｜Illustrator

https://www.ddc.co.jp/tokupre/data-guide/illustrator-spot-color.html

スウォッチパネル（パレット）にて特色のカラーを選択し、スウォッチパネルのメニューから「スウォッチオプション」を選択します。

スウォッチオプションの画面が開いたら、カラータイプが「特色」になっていることを確認します。この「特色」と書いてある部分をクリックします。

カラータイプを「プロセスカラー」に変更します。

カラータイプの下にある「グローバル」のチェックも外します。