JavaScript

HTML

【ハック的手法】特定のテキストをマークアップしているDOM要素があったときのみ処理をするJS

Shopifyで、アプリで生成されるコードで、特定の要素にクラスやIDを指定できず、要素内に表示されるテキスト情報を見て処理をするかしないかを分けたいとき! このハック的な小技を使えば怖くない! ↓ 例として、すべておなじDO...
CSS

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

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

スマホだと自動再生されないYouTube動画でも強制的に自動再生させる!

YouTube動画は埋め込みコードを発行でき、これをページに設置するだけでページ上に表示でき、オプションで自動再生も選択できますが、実は、スマホだと自動再生されない仕様になっている。 これは確かにまっとうな仕様です。設置者がその意図...
CSS

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

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

【ローカルHTML開発】ローカル環境でホットリロードのブラウザ開発環境を作る!

ローカル環境でネット接続もせず、飛行機の中でも核シェルターの中でも、超サクサクと限りなくストレスなくコーディングしたい方向けです! こんな感じで高速でページを作成できます! テーマにならい手順を高速で紹介します! ...
CSS

【iOS版Sublime Text!?】GoCoEditが神がかってきた件(おまけ:Inspect)

いつの間にか、こんなにできる子に!"GoCoEdit" 先日、愛機のデスクトップで作業していて、ある壁にぶつかり、なんで〜なんで〜と進めずに苦しんでいて、とりあえず頭休めようと、寝たんですが、寝てる時も、あれをこうして、これをああす...
CSS

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

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

【JavaScript】カルーセルスライダの定番はFlickityで決まり!なのだが、玉石混交の情報に注意!な件。

結論:このFlickityのコードが正解! カルーセルスライダーのJSライブラリといえば、SlickやbxSliderなど、これまでにいろいろなものを使ってきたが、カスタマイズしないとスマホのフリックに反応しなかったり、レスポンシブ...
タイトルとURLをコピーしました