CSS, flex, flexbox, Web

flexboxについてはこちらのページで説明している。

flexboxで、次のように要素を並べて表示したいとする。

このとき、flexboxの子要素(並べる要素)の高さ指定を誤ると次のように高さがゼロになってし ...

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, vue-cli, Vue.js, Web

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

Vue.jsのv ...

CSS, Web

もくじ大雑把にいえば
もっと詳しくいうと
例1
例2
!important指定について
!importantの使いどころ

大雑把にいえば

CSSの優先順位は,大雑把にいえば,何に対してスタイル ...

CSS, Web, オンラインツール, ツール

水平方向のオフセット 垂直方向のオフセット ぼかしの距離 (0~) 影の拡がり 影の色 影の不透明度
要素の色 背景色

box-shadowのCSSコード

CSS, HTML, JavaScript, Web

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

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