忘備録, Jquery

静的HTMLでもURLパラメータ渡しは可能です。
例えば以下のような呼び出し方です。

sample.html?id=test&date=2018-12-19&page=2

プログ ...

忘備録, HTML, Jquery

HTMLの装飾には、見た目のビジュアル面と、機能の動的部分があります。
ビジュアル面は文字通りデザインによる装飾ですが、動的な装飾には技術がいるものです。

ただ、動的な装飾はインパクトがることと、ユーザビリティの向 ...

忘備録, Jquery

tableタグで、1行ごとに色を変えたいケースがあります。
単調なものであれば、CSSだけで実装できますが、rowspanが不規則に入ると表示がおかしな感じになります。

いろいろ試行錯誤して、Jqueryを使用して ...

忘備録, Jquery

先日、フォームのチェックボックス(input type=checkbox)がチェックONと、チェックOFFを判断し、処理を行う事例があり、少しはまったので忘備録として残します。

チェック=クリックと思って、クリックで処理したら失 ...

忘備録, Jquery

Jqueryでコーディングする際に、二次配列が使えれば簡単なんだけれども・・・
というような事象がありました。

Javascriptには、配列の概念があることは知っていましたが、二次配列を実現できるのかと思い、調べ ...

忘備録, Jquery

bxSliderをスライドで使用し、レスポンシブに盛り込む場合は、特に何もしなくても対応してくれます。
ただ、妙な現象が発生し、対処したので忘備録として残します。

タブレットで画面を縦・横切り替えるとbxSliderの挙 ...

忘備録, HTML, Jquery

ページ内リンクとは、1つのページ内で該当位置へジャンプするリンクです。
通常のリンクと違うところは、同一ページ内へリンクする点です。

一般的には、以下のようなコーディングになります。

<a hre ...

忘備録, CSS, Jquery

手軽にアイキャッチに画像スライドを導入する「bxSlider」は、レスポンシブに対応しています。
カラミーショップにbxSliderが標準装備されており、導入してみたのですがスマホで見るとbxSliderで表示している画像の右 ...

忘備録, Jquery

No Image

動的なwebの手法にパララックスというものがあり、スクリプトなどたくさんでております。
その中で、比較的簡単に導入できる「parallax.js」を導入してみたところ、Edge、IEでスクロールすると、画像がぶれる、がたついた ...

忘備録, Jquery

No Image

bxsliderを設置していた際に、画像が左側に寄り右側に5ピクセルほどの隙間ができました。
色々調べた結果、以下のスタイルシートをローカルCSSに設定して解決しました。

ul.bxslider
{