――――――――――――――――――――――――――
「うたらぼTODO」の作成(14)
――――――――――――――――――――――――――
※2020年11月21日(土)メルマガ発行分
おはようございます。
うたらぼです。
以下の作業を行いました。
・メッセージ表示
・現在
・badgeを使用していた
・修正
・alertを使用
・✖印を押すとメッセージを消せる
・※
・badgeとalertの役割の違いを考えると、
badgeは常に表示するのに対して、
alertは一時的に表示という位置づけかもしれない。
・件数をbadge-pillに変更(色がつくので、わかりやすい)
・表示部分のソースを整理
・※divの外側の階層をレイアウト部分に書いて、
それぞれの表示をすっきりさせる。
・一覧表示はOKだが、
入力フォームが横に広がってしまった。
・formタグに「class="col-md-8"」を追加することで、
表示幅が狭くなり、以前と同じ感じになった。
表示部分の整理は、作業内容は上記のとおりですが、
すべての表示部分の修正なので、
修正と検証で時間がかかりました。
bootstrapをうまく使うと、デザインが不得意でも、
そこそこきれいな画面回りができるし、
使い勝手もいい感じなので、いい感じです。
もう修正はないかなぁ。
とりあえず、こんな感じです。
━━━━━━━━━━━━━━━━━━━━━━━━━━
【前日の気になるツイート・リツイート、ベスト5】
━━━━━━━━━━━━━━━━━━━━━━━━━━
・KindleUnlimitedでAWS本
https://twitter.com/utalab/status/1329764023169142784
・映像の視認性に優れた透明有機ELディスプレイモジュール
https://twitter.com/utalab/status/1329737508096253956
・ウツボ一覧表
https://twitter.com/utalab/status/1329736244893507584
・集英社は非上場なのでクリエイターを育成できる論
https://twitter.com/utalab/status/1329734987869007872
・YouTube、音声広告のβ版をスタート
https://twitter.com/utalab/status/1329733753997053953
一覧はこちら
https://twilog.org/utalab/date-201120