[Archive(year)] 2018年 全23件

備忘のためにメモ。固定ページによってスタイルを分けたい時に便利。 PHP

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

アラート用のモーダルウィンドウを作りました。一定時間だけモーダルを表示させます。表示中にモーダル以外の箇所をクリックした場合はモーダルが非表示になります。 デモページ html css js(jQuery) 解説 クリッ…

justify-content:space-betweenがうまく効かない時は justify-contentはflexboxのコンテナの配分を定義するプロパティ。 私がよく使うのはspace-between。最初と最後…

javascriptを使って、ボタンをクリックするごとに背景をランダムで出すデモ。jQuey無しで動きます。改良してグラデ版も作ってみたいです。 See the Pen 180530_色をランダムで出す by nekut…

このメーターなんて言うんでしょう？進捗バー？プログレスバー？を作りました。特定のclassを入れることで、バーの長さとパーセントを動的に出してくれます。作ってて楽しかった。 See the Pen 180501_プログレ…

全ての項目をチェックするチェックボックスです。チェックが１つでも外れたら、全てチェックするチェックボックスもチェックが外れます。 See the Pen 全てチェックするチェックボックス by nekuta (@neku…

一定以上要素がある時にアコーディオンボタンを出現させ、一定に満たない場合はアコーディオンボタンを出しません。 See the Pen 180407_アコーディオン by nekuta (@nekuta) on CodeP…