【Swiper】背景画像を自動スライダーさせる方法
今回は、「Swiperを使って背景画像を自動スライダーさせる方法」について紹介します。 企業のコーポレートサイトでも、ファーストビューの画像がスライダーするWEBサイトを見たことがあるでしょう。 【Swiper】背景画像…
JavaScriptJavaScript2021年
JavaScript
JavaScript【Swiper】サムネイル付き画像スライダーの作り方
今回は、Swiperを使ってサムネイル付き画像スライダーの作り方について紹介します。 コピペできるので、是非真似してみてください。 【Swiper】サムネイル付き画像スライダーの作り方 完成形はこちら。 Swiperを使…
Photoshop【Photoshop】複数レイヤーを1つの画像として書き出す方法
実案件でPhotoshopを使って複数レイヤーを1つの画像として書き出す機会があったので、忘れないようにメモにしておきます。 【Photoshop】複数レイヤーを1つの画像として書き出す方法 Photoshopで複数レイ…
Illustrator【Illustrator】複数レイヤーを1つの画像として書き出す方法
最近、仕事の案件でIllustratorを使って複数レイヤーを1つの画像として書き出す機会がありました。 忘れないうちにメモとして残しておこうと思います。 【Illustrator】複数レイヤーを1つの画像として書き出す…
CSS【CSS】min-heightを使って高さを揃える方法
今回は、CSSのmin-heightを使って高さを揃える方法を紹介します。 【CSS】min-heightを使って高さを揃える方法 min-heightを指定しない場合 ◎HTML <div class=”box1…
CSS【CSS】奇数や偶数の要素にだけスタイルを適応する方法
あなたは「偶数番目の要素にだけスタイルを当てたいな〜」と思ったことはないでしょうか？ 今回はCSSで奇数や偶数の要素にだけスタイルを適応する方法を紹介します。 【CSS】奇数や偶数の要素にだけスタイルを適応する方法 奇数…
JavaScript【JS】フェードインのアニメーションで要素を表示させる方法
今回は、フェードインのアニメーションで要素を表示させる方法を紹介します。 JavaScriptを使って実装します。 【JS】フェードインのアニメーションで要素を表示させる方法 完成形はこちら。 下にスクロールしていくと、…
テンプレheaderのテンプレ
今回は個人的にこれから使いそうだと思ったheaderのテンプレを作りました。 仕事で使う機会があれば、是非コピペしてコーディングを効率化していこうと思います。 HTML <header class=”header”…