[Category] css

【jQuery】カートっぽいフォーム

カートっぽいフォームを作りました。(実際には送信されません)選択した個数と、合計金額をリアルタイムで計算します。 See the Pen 190523_カート計算 by nekuta (@nekuta)on CodePen. 最初にページが読まれたら アイテム金額とcheckboxのチェック有無を配…

javascriptで絞り込み検索

javascriptで簡素な絞り込み検索を作りました。jQueryなしで動きます。 See the Pen 190326_javascriptで絞り込み検索 by nekuta (@nekuta) on CodePen. data属性で絞り込みをする ラジオボタンのdata-sort-navの値がd…

【jQuery不要】javascriptとcssで作るモーダル

2019/5/11追記こちらの記事に改良版を公開しました。【改良版】【jQuery不要】javascriptとcssで作るモーダル どうにもwordpressの新しいエディタが使いづらい・・・これを機に静的サイトジェネレーターに手を出そうか考えているこの頃です。 javascriptとcssだけでモ…

jsを使わないアコーディオン

cssだけでアコーディオンに挑戦しました。 仕様上高さをあらかじめ指定しないといけないようになっているのでjsで高さを補完した方が良いと思います。 See the Pen 190928_cssだけで作るアコーディオン by nekuta (@nekuta) on CodePen. checkboxと…

スクロールエフェクトいろいろ

作ったスクロールエフェクトを集めました。スクロールすると要素が出現します。 スクロール値によってjsでクラス’is_visible’をつけています。そのあとのアニメーションはすべてcssです。  See the Pen 180727_スクロールエフェクトいろいろカタログ by…

jQueryを使わないスマホ用横メニュー

SP用の横から出てくるナビゲーションを作成しました。今回は練習のためにjQueryなしで作りました。一応jQueryで書いた時も載せています。クラスと要素の追加・削除処理のみjsで行い、残りは全てcss。ハンバーガーメニューの動き部分もcssです。クラス付け替えてるだけ。 デモページ HTML CS…

  • コーダーのための計算機