全てチェックするチェックボックス
全ての項目をチェックするチェックボックスです。チェックが1つでも外れたら、全てチェックするチェックボックスもチェックが外れます。 See the Pen 全てチェックするチェックボックス by nekuta (@neku…
全ての項目をチェックするチェックボックスです。チェックが1つでも外れたら、全てチェックするチェックボックスもチェックが外れます。 See the Pen 全てチェックするチェックボックス by nekuta (@neku…
一定以上要素がある時にアコーディオンボタンを出現させ、一定に満たない場合はアコーディオンボタンを出しません。 See the Pen 180407_アコーディオン by nekuta (@nekuta) on CodeP…
先日公開したコーダーのための計算機で使用したタブメニューです。レスポンシブ対応。今回のメニューは5個なので、スマホサイズの時のタブサイズは、1〜3番目の横幅は33%、4番目と5番目の時は横幅50%です。 See the …
デザインをhtmlにするときに楽したいなという願望から生まれた計算機です。 ・とりあえず2で割ってくれる電卓 ・px→em変換 ・px→rem変換 ・行送り計算 ・トラッキング計算 こんな感じにまとまって言います。 楽す…
実は最近cssだけで連番を作ることができることを知りました。ずっとjsで書いていた自分が恥ずかしいです。 See the Pen 180302 by nekuta (@nekuta) on CodePen. 使うのはco…
みんな大好きfontawesome!beforeやafterの擬似要素でfontawesome使えるのだから、inputのplaceholderにも使えるんじゃないかと思ったらやっぱり使えるみたいですね。今回使うのは旧バ…
タイトルの数に応じてアンカーリンクを自動で作成します。wpのビジュアルエディタ部分で実装しました。ビジュアルエディタで見出し(h2)を追加するとその数に応じてアンカーリンクが増えます。静的なサイトでも十分活躍できそう。 …
cssだけで画像を変に引き延ばさずにトリミングする方法です。 デモページ 1 画像をbackgroundとして使うタイプ imgとして置かずに、divなどのbackgroundとして使うタイプです。background-…
東京在住のweb屋が
気になったコードを書いていく日記