[Category] javascript

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

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

一定時間だけ表示するモーダルウィンドウ

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

css [crayon-5b796b83cd5909…

全てチェックするチェックボックス

全ての項目をチェックするチェックボックスです。 チェックが1つでも外れたら、全てチェックするチェックボックスもチェックが外れます。 See the Pen 全てチェックするチェックボックス by nekuta (@nekuta) on CodePen. チェックした時に全ての項目をチェックする [c…

レスポンシブのタブメニュー

先日公開したコーダーのための計算機で使用したタブメニューです。レスポンシブ対応。今回のメニューは5個なので、スマホサイズの時のタブサイズは、1〜3番目の横幅は33%、4番目と5番目の時は横幅50%です。 See the Pen 180327 by nekuta (@nekuta) on CodePe…

コーダーのための計算機を作りました

デザインをhtmlにするときに楽したいなという願望から生まれた計算機です。 ・とりあえず2で割ってくれる電卓 ・px→em変換 ・px→rem変換 ・行送り計算 ・トラッキング計算 こんな感じにまとまって言います。 楽するところは楽していきたいですね。 コーダーのための計算機 https://dem…

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