Bootstrap, CodePen, CSS, HTML, JavaScript, Web

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

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

CSS, HTML, JavaScript, jQuery, UI, Web, タッチパネル, タブレット, ユーザビリティ

タッチ操作に不慣れな人

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

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

CSS, HTML, JavaScript, vis-network, vis.js, Web, グラフ, ネットワークグラフ, ライブラリ

描画できるもの

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

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

線で

CSS, HTML, JavaScript, Web

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

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

Bootstrap, HTML, Web

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

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

見た目はこんな感じ。

...

HTML, iOS, Safari, Web

iPad Pro(iOS 11)上ののSafariで全画面で使うウェブアプリ(のプロト)つくる機会があった。
だが,なかなか全画面表示ができない。

ネットで調べてやってみたことは・・

ウェブアプリへのシ ...