同じページ内を移動するリンクスクロールは、cssのscroll-behaviorプロパティだけでも実装できますが、どうしてもJavaScriptを使いたい場合も...

WEB制作を独学でやっていると、HTMLとCSSは理解できてもJava Scriptでつまづくケースは非常に多いと思います。私もかつて同じようにJavaScri...

SPA（Single Page Application）のようにタブやボタンなどで表示するコンテンツを切り替えることで1つのページが複数ページあるように振る舞っ...

サイト高速化の案件で、vimeoのiframeについて色々調べたので備忘録に残しておきます。ネイティブLazyLoadiframeコードを編集して、lazylo...

slick.jsのレスポンシブ設定について説明します。レスポンシブ設定といっても『viewportに合わせたサイズで表示する』といった話ではなく、たとえばPCビューではドットを表示する、タブレット以下では表示しない、などのオプション切り替えの話です。slick.jsにはresponsiveオプションがあらかじめ用意されているので、respoinsiveオプションで、breakpointとsettingsを指定してやるだけです。respondToではレスポンシブ設定を基準を指定します。

まれに質問があるので、スライダー系JQuery「slick.js」をサムネイルスライダーと連動させる方法について書いておきます。slickjsが優秀なので大して...