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というライブラリを使うと,例えばこんなネットワークグラフが描ける。

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

線で

GitHub, Processing, Processing.js, Web, 数学, 物理学

この記事に掲載した計算をベースに,Processingでボールプールをつくってみた。

下の枠内でマウスの左ボタンを押しっぱなしにしている間,マウスポインタに重力が発生して,ボールが吸い寄せられてくるぞ!

そして ...

Chrome拡張機能, Web, セキュリティ, フィッシング詐欺

フィッシング詐欺とは

あなたの元に差出人「Amazon Japan」からメールが来て,

ご指定のクレジットカードの有効期限が切れています
アカウントのご確認が必要です

などの内容の文と共に,ログインページへのリン ...

CSS, vue-cli, Vue.js, Web

Vue.jsのver.2.xではpublicディレクトリ内のindex.htmlに<link>タグを追記すればいけたけれど,ver.3.xではこの方法では読み込まれなくなっている,という報告がある。

Vue.jsのv ...

npm, vue-cli, Vue.js, Web, WordPress, オンラインツール, ツール

このブログに載せるWebアプリを,最近はVue.jsでつくることが多い。

簡単なWebアプリなら単一のHTMLファイルでサクッとつくってしまうのだが,コードが非常に長くなる場合もあって,そんなときはvue-cliを使って複 ...

PHP, Web, WordPress

こんな問題があった

簡単なWebアプリをつくり,いざWordPressの記事に埋め込んで公開しようとするとWebアプリがエラーとなり上手く動かないことがある。

具体的にはこんなエラーだ。

Chromeの開発者ツールで見 ...