2022-04

JavaScript

スムーススクロールとは。JQueryを使った使い方を解説

スムーススクロールとは スムーススクロールとは、Webサイトのページ内のリンクをクリックすると、すぅーっと目的の場所まで移動してくれる演出のことで、よく目次の中のリンクをクリックするときに見られる演出のことです。 その名の通り...
CSS

CodePenのCSSでExpected newlineというエラーが出た時

CodePenでCSS(Scss構文)を書いていると、 というエラーが出て全くコンパイルされないことがありました。 調べてみたら、CSSのCSS Preprocessor設定でSCSSを選択するべきところをSassを選...
JavaScript

【JQuery】ナビメニューがクリックされた時、現在地を下線で表示する方法(カレント表示)

カレント表示とは ヘッダー内のナビメニューをクリックした時、クリックされたメニューのみ下線表示して、現在地を表示する方法を「カレント表示」と言います。英語のcurrent(現在の)が由来なのでしょう。 下のResultにて各ヘ...
JavaScript

【2022最新】スライダープラグイン Swiper.jsの使い方

Web制作(コーディング)を学習していくと画像などをスライドさせる方法について学ぶ機会が訪れると思いますが、その中で今回はもっとも代表的なスライダーの一つであるSwiperの使い方について解説していきます。 ライブラリをCDNで読み...
タイトルとURLをコピーしました