javascript 連動するプルダウンで選択するカートボタンを作成しました【javascript】
アパレル系のショッピングサイトで見かける、色やサイズを別々に選択するタイプのカートボタンを作成しました。カラーとサイズを選択したらカートボタンをクリックできる仕様です。最終的にformでデータを送信することを想定して、パラメーターも設定で...
javascript
javascript 
css コンテンツを開閉できる『もっと見るボタン』をつくりました【javascript/jQuery】
ウェブページで、途中まで文章が表示されていて『もっと見る』ボタンをクリックすると、残りのコンテンツが表示される動きがあります。
今回、リストなどの長いコンテンツを開閉できるボタンをjavascriptで実装したのでメモ。
...
javascript javascriptで無限ループスライダーをつくりました【javascript/jQuery】
javascriptで横に流れるスライダーを作成しました。jQueryのプラグインを使えば比較的簡単に作れます。スライダープラグインで有名な「slick」を使って実装しました。
今回、クリックした画像をモーダルウィンドウで大きくする...
javascript なんちゃってまるばつゲームをつくりました【Javascript】
ウェブページで遊べる「なんちゃって○×ゲーム」をつくりました。HTMLとCSSで表示部分を作成し、動きはjavascriptで実装しました。マス目をクリックしたら〇か×が表示されるだけのシンプルなものです。機会があれば勝敗の判定をつけたい...
css CSSとJavascriptでカードスタイルのリストをつくる【javascript/CSS】
ブログの記事一覧でよくみかけるカードスタイルのリストを作成したく、今更ながらFlexboxでレイアウトを組んだのでメモ。
javascript レスポンシブデザイン javascriptでウィンドウのリサイズを検知する【javascript/jQuery】
レスポンシブページを作成するとき、javascriptで動的に切り替えるときによく使うコードなのでメモ。最近はCSSでもいろいろできるみたいですが。
$(function() {
let timer = false;
let ini...
javascript ブックマークレットで楽天のPC版とスマホ版を切り替える【javascript】
楽天RMSで商品を登録して、スマホ版のページをチェックしたい！って時に使えるブックマークレット
javascript ブックマークレットで本番環境とテスト環境のURLを切り替える【javascript】
今回はWEB制作でよくあるテスト環境と本番環境のURL切り替えを、ブックマークレットで実装したのでメモしときます。※動作確認はChromeのみです。
ブックマークレットとは
気に入ったウェブサイトをブラウザのお気に入りに登録すると、通常そ...
javascript ブックマークレットでテスト環境のタグが入っていないか確認する【javascript】
がんばって制作したウェブページをついに本番公開！なのにうっかりテスト環境の測定タグを入れちゃってた！！ってことないですか？
私はあります。。
最近ではGoogleタグマネージャーをはじめとするタグ管理サービスがあるので、そういった事故は...