blog
-
【初心者向け】ハンバーガーメニューの作り方
コーディング jQueryを使ったハンバーガメニューの作り方を紹介します。 jQueryの知識がなくてもハンバーガーメニューは簡単に作ることができます。 ハン…
-
Webサイトでアイコン（svg）をCDN（リンク経由）で表示できるサービス「icongram」
コーディング Web制作時にアイコンを使用したい時、様々な方法があります。 よくあるのは、以下の２つの方法ですね。 画像としてダウンロードして使う アイコンフ…
-
jQueryのappendで追加した要素を変数に格納したい時のやり方
コーディング jQueryで要素を動的に追加したい際は「append」が便利ですよね。 今回、この「append」にて追加した要素をその後の処理で続けて用いた…
-
jQueryで画像を右から左へ無限ループで流し続けるアニメーションのスライダー
コーディング 最近では表題のような、画像移動式アニメーションで無限ループを実装する場合、jQueryではなくcssのアニメーションで実装する方がスマートかもし…
-
jQueryでajax完了後に実行開始したい処理があるときの対応
コーディング ajaxって便利ですよね。 非同期でコンテンツを追加読み込みする際は必須の手法です。 あまりない状況かと思いますが、今回ajaxで読み込んだコン…
-
「position: fixed」でスクロール固定したグローバルメニューが横にスクロールしてほしい時の対処法
コーディング 上部固定するタイプのグローバルメニューありますね。このブログでも利用しています。 このメニューはだいたいみなさん「position: fixed…
-
［js］スマホでクリックイベント「onclick」の感度が悪いと感じたら「ontouchend」を使おう
コーディング スマホでクリックイベントの利用を考えた時に最初に浮かぶのがメニューでしょう。 いわゆるハンバーガーメニューというやつです。よく右上か左上にあるこ…
-
［jQuery］スライダー画像が一瞬縦に全部表示されてしまう（Slick）
コーディング slickスライダーを設置して完璧！と思いきやページ読み込み時に一瞬全部の画像がでちゃって困っていないですか？ それ、簡単に解決可能です。 いく…
-
［jQuery］onしたclickが効かない。functionが作動しない時の対処法
コーディング jQueryの「onメソッド」で指定したイベント（click、changeなど）に処理を設置したものの、効かない。 記述方法は間違っていなくても…