HTML

もくじどんな場合に必要か
1つ目：HTMLテンプレートに設定する属性で色を指定する方法
2つ目：HTMLテンプレートに設定するクラスで色を指定する方法
2つの方法の比較

どんな場合に必要か

あるコンポーネ ...

Vue.jsは根底にSFC（Single File Component）の思想があるため，コンポーネントの「継承」は本来なら想定外だ。

特にHTMLテンプレート部分の継承を考えるなら，普通にやろうとするとできない。 ...

HTMLのtextarea要素にフォーカスが当たった状態でEnterキーが押された場合の挙動を変えたい場合がある。

何もしなければtextarea要素内で改行されるだけだけど，この挙動を無くし，代わりにフォーカスを移動した ...

Bootstrapにはモーダルダイアログを表示するための仕組みが備わっているけど，モーダルダイアログを2個以上重ねて表示する仕組みは用意されていない。

そもそも，2個以上重ねるとユーザビリティが損なわれるからやってはダメだ ...

タッチ操作に不慣れな人

こんな光景を見聞きしたことはないだろうか。

おばあちゃんがタブレットを操作しようとしても，画面上のボタンがちっとも反応しない。
おじいちゃんがスマートフォンを操作するとボタンが長押しになる。
そ ...

描画できるもの

vis-networkというライブラリを使うと，例えばこんなネットワークグラフが描ける。

このグラフ，マウスによる操作もできる。

線で

HTMLを書いていて、ときどき「あのUIはこんな風にしたらつくれるかな」と考えるときがある。

そんなときはVisual StudioやDreamweaverといった大仰な開発環境でわざわざプロジェクトをつくるまでせずにちょ ...

HTMLで作成したラジオボタンのchangeイベントが同じボタン上で2回目以降発火しない現象に見舞われた。

ブラウザはChrome 71。Bootstrap 3を使っている。

見た目はこんな感じ。

...