金ちゃんブログ

動画、PDF、画像のプレビュー画像をcontent editable にアップロード前に挿入する

よくスマホアプリのチャット画面にある、ファイル選択すると画像が表示されるやつを自前のウェブアプリで実装したくて、頑張ってみた。 codepen使って週末の集大成を公開したで誰かのお役にたてば。 See the Pen I ...

2021/11/30 07:36

vscodeのPug(Jade)の編集でtailwind cssの入力補完を表示する設定方法

ウェブアプリをコツコツ作ってるのですが、レイアウト編集のHTML / CSSの複数ファイルの行き来がめんどくせぇ。。設定を調べるのもめんどくせぇ。。 ということで、BootstrapからTailwind CSSを使い始め ...

2021/11/05 08:10

CSSのflexで任意のブロックを縦スクロールできるようにする設定方法

上部にナビゲーションバー、その下に左右カラムのレイアウト。その中の右カラムのブロックの中身だけスクロールさせたい。右カラムのスクロール時に上部ナビゲーション、左カラムは固定表示。 したい時の設定にハマったので解決方法をメ ...

2021/11/03 09:30

マリオゴルフのスイング操作の自主練は実戦で役に立ったのか

マリオゴルフを帰宅後に夜な夜な練習してきた成果を、ついに実戦ではっきする機会が！実に半年ぶり。 果たしてどのくらいマリオゴルフの練習が役に立ったのか！？ 練習の様子はこちら。 自宅にシミュレーションゴルフ環境作るならsw ...

2021/11/01 07:05