jQuery

CSS

【Shopify】商品ページのカラーバリアント選択をサムネイルタイプのボタンにし、メインスライダー画像と連動させる!

同じ要件の案件だと、これまではアプリを使用して実装していましたが、この度アプリなしで実装できたので、その備忘録として。 やりたいことはこれ! これをしたくてもスライダーとバリアント選択同期が対応していない古いテーマの部...
CSS

【CSS,jQuery】input type=”file”のデザインをカスタマイズする【アップロード時のアニメーション,ファイル上限オーバー時のアラートも!】

画像ファイルなどをアップロードできる<input type="file">タグだが、何も手を加えないとこのような見た目になる。 iPhone(iOS)での表示 Windowsでの表示 OSによ...
jQuery

悲しい時ー! ページロード後に生成されたDOM要素にJavaScriptで当てているはずのイベントが効かないときー!

タイトル回収からいきますと、「悲しい時」このネタを記憶している方はもう多くないのかと思われます。 そう、「いつもここから」というコンビ芸人のネタです。 それはさておき、やっぱり ページロード後に生成されたDOM要素にJ...
CSS

【CSS,jQuery】HTMLをハックするcss,jQueryあれこれ

form内でバリデーションエラーになった要素にスクロールで移動する テキストエリアのフォームに文字を入力されないでclickを押すと その箇所までジャンプしてフォームが赤くなる、など。 必要になったときに引き出しがないと意外と...
CSS

【ローカル環境開発高速化】reloadコマンドを使って、テキストエディタ更新時にブラウザプレビューを自動同期

reloadコマンドとは? ECのCMS上で商品ページのが LPのように一枚一枚が作り込まれているとき、大量の画像をアップロードしたり、このページのみに使われるようなスタイルをあてた、読み物コンテンツのページを効率的に作る手順では、...
jQuery

【jQuery】処理Aが完了してから処理Bを実行する方法

できそうで実はある「熟語」を使わないと難しい! 以下のようなjQueryのメソッドの連結記法(チェーンメソッド)を使えば一見簡単そうに思いますが、実は違います。 //メソッドA().メソッドB().メソッドC()・・・というよ...
CSS

CSS,jQueryでよく使うコードまとめ(2021/04/26版)

タイトルの通り、よく使うやつを備忘録としてもまとめてみました。こんな感じで定番の型はアーカイブしていって順次1ページに集約していきたいと思います。 ちなみにサムネイルの画像は僕が別名義で運営する二次元系のブログサイトのメインビジュア...
CSS

【CSSだけで作る】高性能ドロワーメニューの決定版(2021/5/8追記)

CSSだけでクォリティの高いドロワーメニューの作り方! 前回の定番のスライダーのコードに続き、自分用の備忘録として。 サイト作ってると、これも毎回必要になってくる「ドロワーメニュー」(ハンバーガーメニューとかとも言われます)。...
タイトルとURLをコピーしました