「background-attachment: fixed;」で背景画像を固定する

こちらのWEBサイトのように、「background-attachment: fixed;」を使うことで、背景画像を固定にすることができます。 ※「background-attachment:fixed;」はiOSのブラ…

【jQuery】背景画像をパララックスさせる方法

今回は、「jQueryを使って背景画像をパララックスさせる方法」について紹介します。デザインの幅が広がるので、是非試してみてください。パララックスとは？パララックスは、英語で「視差」という意味になります。視差とは…

今回は、「Swiperを使って背景画像を自動スライダーさせる方法」について紹介します。企業のコーポレートサイトでも、ファーストビューの画像がスライダーするWEBサイトを見たことがあるでしょう。【Swiper】背景画像…

今回は、Swiperを使ってサムネイル付き画像スライダーの作り方について紹介します。コピペできるので、是非真似してみてください。【Swiper】サムネイル付き画像スライダーの作り方完成形はこちら。 Swiperを使…

実案件でPhotoshopを使って複数レイヤーを1つの画像として書き出す機会があったので、忘れないようにメモにしておきます。【Photoshop】複数レイヤーを1つの画像として書き出す方法 Photoshopで複数レイ…

最近、仕事の案件でIllustratorを使って複数レイヤーを1つの画像として書き出す機会がありました。忘れないうちにメモとして残しておこうと思います。【Illustrator】複数レイヤーを1つの画像として書き出す…

今回は、CSSのmin-heightを使って高さを揃える方法を紹介します。【CSS】min-heightを使って高さを揃える方法 min-heightを指定しない場合 ◎HTML <div class=”box1…

あなたは「偶数番目の要素にだけスタイルを当てたいな〜」と思ったことはないでしょうか？今回はCSSで奇数や偶数の要素にだけスタイルを適応する方法を紹介します。【CSS】奇数や偶数の要素にだけスタイルを適応する方法奇数…