Vegas2Background SlideShowjQuery/Zepto PluginProject by Jay Salvat, Pictures from Unsplash. Need support? Don't waste your precious time, Hire me Feeling Generous? Buy me a beer, beer is good for motivation Need support?Don't waste your precious time, support is available for 24$. Ask your question and quickly receive a ZIP file with a clear running example with commented code and assets solving y

今回はそんな疑問にお答えします。 スライダーを簡単に実装できるプラグインとして有名なslickですが、オプションが色々あり、かなり幅広くカスタマイズ可能です。 slickの基本的な使い方と、slickを使うのに必要なjQueryの使い方については以下の記事を参照下さい。

ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたり なんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた！ その理解したことについてまとめます。 １まずは「特定位置」を取得しよう ある要素、ここでは「#youso」とします。 まずある要素（#youso）のトップからの距離を取得します。 $(function() { // #yousoのトップからの距離を「youso」へ格納 var youso = $("#youso").offset().top; // 「youso」をアラーとしてみます。 alert(youso); }); ２次に「スクロール値」を取得します スクロール値を取得する際に使われる「.scrollTop()」ですが、「T」を大文字にするのを忘れる時があります。 実際、スクロール値を取得する際に、値が取れなくてjavascrip

PCではスライドを3枚表示していたけど、スマホでは1枚にしたいといったケースがあると思います。 それにはslickのオプションを使ってブレイクポイントを指定すれば、スライドの表示枚数を変えることが出来ます（ブレイクポイントは複数指定できます） 今回はコピペ可能なコードとデモを使って解説していきます。 slickの基本的な使い方と、slickを使うのに必要なjQueryの使い方については以下の記事を参照下さい。

スマホで現れるハンバーガーメニューとは スマホでホームページを見ていると右上に「三」のようなマークを見ることが多いと思う． これを見かけがハンバーガーのようだからハンバーガーメニューと呼ぶようだ． 恐らく，箇条書きのメニューを遠くから見ると「三」のように見えるからだろう． ちなみに「三」を押すと「×」に表示が切り替わって「閉じる」ボタンのようになる． 「三」が「開く」で「×」が「閉じる」になるわけだ． ここではこのハンバーガーメニューの css のみでの作り方を紹介・解説する． つまり，javascript (jQuery も当然含む) を使わずに実装する方法をサンプルコード付きで掲載する． jQuery は読み込まないで済むならその分，重くなるので読み込みたくないし，javascript を使わずとも実現できるものは使わずに実現したい． javascript を使わない css のみ

以前紹介した“『slick』を使った無限ループスライダーの作り方と注意点“の記事が結構人気みたいなので、改めてjQueryのプラグイン『slick』の使い方をまとめていくことにします。 実際に動く、よく使うオプションのサンプルを配置していくのでページ自体が重めになりますがよろしくどうぞ。 jQuery不要で使えるswiperにも手を出しているのでこちらもどうぞ

CLIP STUDIO PAINT（クリスタ）でツールを使って吹き出しを作る方法/テキストツール、フキダシツールの使い方

jQueryとCSSアニメーションを はじめたばかりの方へ Webデザインのスクール講師が 「動かしたいパーツ」ごとの 逆引きリストをつくりました News 2024.03.27Gmailにおける特典受け取りについて2024.01.185-1-1、5-1-2　グローバルナビゲーション ドロップダウンメニュー（上・左）に関するCSSコード不備のお詫び2023.08.305-1-3、5-1-4　グローバルナビゲーション ドロップダウンメニュー（写真付 上・左ナビ）に関するコード不備のお詫び2022.10.195-1-7　「グローバルナビゲーション-スクロールするとハンバーガーメニューに変化-」に関するコード不備のお詫び Gmailにおける特典受け取りについて 【お知らせとお詫び】 2024年2月にGmailのガイドラインが変更となった影響で、特典受け取りとお問い合わせフォームの内容がGmail