navバーの右よせとか
毎回忘れるのでメモ テンプレ作ったけど、、
透過はpositionきめないとできない 合ってんのかわかんないけど
でも結論として、bg-light外せば色は消えるけど浮いてないから重ならない
のでpositionで浮かせる。感じだけど、、欠点は、カルーセルじゃない時。笑笑笑
そんな時は強硬策で他にもposition決めちゃう。
positionにはpositionで行くしかない!だって知識ないもん!小細工ばんざい。
小細工の悪いところは、メンテの時にしんでまう。。。
バージョンアップとかしんでしまえと。思ったりした。
互換対応とか、ほんと、誰作ったのこれ?だから。。
頭良すぎてロジックむずっっ、とか無駄やなーとか、恥ずかしいなあ、、、、とか。。笑
ダメなのはわかってるからきちんとしたロジックで組まないと。。いつか爆発するやつ。
なのでいつか時間できたらちゃんと調べよう。。
navbar-lightは消したらいけない。何かに影響している。
なんだっけ。ドロップダウンリストだか、、ハンバーガーメニューだかなんだか、、忘れた。けど消しちゃいけん。
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
ここでflex-row-reversをする
旧 <div class="collapse navbar-collapse" id="navbarSupportedContent">
新 <div class="collaspe navbar-collapse flex-row-revers" >
me-autoを削除 ※他の二つは任意
旧 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
新 <ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Dropdown
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdown">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success" type="submit">Search</button>
</form>
</div>
</div>
</nav>
20210427-20210502
簡易表にしてみた
1日10時間目標なんだけどうまくいきません。
そして明日は遊びます。。。
日付 | 時間 | 作業内容 | |||
4月27日 | 13:00 | 14:00 | 1:00 | クラウド関連 | クラウドのプロフィール変更、本人確認、NDA |
15:00 | 15:50 | 0:50 | cake | cake,フォント調整 | |
15:50 | 16:40 | 0:50 | colors | colors,フォント調整、counterの幅調整 | |
16:00 | 17:00 | 1:00 | クラウド関連 | portfolioup | |
20:00 | 21:45 | 1:45 | github | githubpages | |
23:15 | 0:30 | 0:45 | adobe | adobe | |
0:30 | 2:00 | 1:30 | colors | colors,指摘事項修正 | |
2:00 | 2:45 | 0:45 | colors | colors,微調整 | |
2:45 | 3:30 | 0:45 | adobe | adobe | |
total | 9:10 | ||||
4月28日 | 14:30 | 16:30 | 2:00 | adobe | 29%-36%:フォント追加 |
16:30 | 17:00 | 0:30 | adobe | 36%-: | |
17:00 | 17:30 | 0:30 | ご飯 | ||
17:30 | 18:45 | 1:15 | adobe | ||
18:45 | 20:45 | 2:00 | 休憩 | ||
20:45 | 22:45 | 2:00 | adobe | ||
11:30 | 0:30 | 1:00 | お風呂 | ||
0:30 | 1:30 | 1:00 | adobe | −64% | |
total | 10:15 | ||||
4月29日 | 12:00 | 12:30 | 0:30 | adobe | 64%-: |
total | 0:30 | ||||
4月30日 | 12:20 | 12:50 | 0:30 | cona | 初期設定 |
12:50 | 14:50 | 2:00 | cona | nav carousel | |
14:50 | 15:20 | 0:30 | cona | ||
16:00 | 17:20 | 1:20 | lesson | クラウド求人応募、フリーランス登録 | |
total | 4:20 | ||||
5月1日 | 18:00 | 19:45 | 1:45 | cloud | 【修正】ここなら⇨OK ランサーズ⇨小さい画像になっている クラウドワークス⇨OK ママワークス⇨OK【案件検索】質問 |
19:45 | 20:40 | 0:55 | github,slack | baipoをフォーク、クローン、slackのDL | |
20:40 | 21:30 | 0:50 | cona | 素材DL | |
21:30 | 4:30 | 7:00 | cona | ourstory-today'smenu | |
4:30 | 7:45 | 3:15 | cona | chef | |
total | 13:45 | ||||
5月2日 | 15:00 | 15:05 | 0:05 | cloud | ママワークス返信 |
15:05 | 16:40 | 1:35 | cona | latestnews~ | |
19:00 | 20:30 | 1:30 | git | 新規ブランチでpull⇨mainへプルリク ローカルへフェッチ | |
22:30 | 22:50 | 0:20 | JS入門編2 | ||
22:50 | 23:00 | 0:10 | JS入門編3 | ||
0:00 | 1:00 | 1:00 | JS入門編3 | ||
1:30 | 2:30 | 1:00 | JS入門編4 | ||
2:30 | 4:00 | 1:30 | cona | footer | |
total | 7:10 |
学習履歴_20210427
今日やる
・Adobe講座受講(全部終わらせる)
⇨全く無理
ーーー済ーーーーーーーーーーーーーーーーーーーーーー
(CW済・ランサーズ済・ココナラ済)
13:00〜14:00
・指摘事項の修正、修正後Git、クラウド関連に再アップ
15:00−17:00
・画像の重さについてチラッと話ていたけどいまいち理解できてない気がするので再度質問
⇨回答待ち
ーーーーーーーーーーーーーーーーーーーーーーーーーーー
<cake>
・フォント調整
15:00-15:50
<colors>
・フォント調整、counterの幅調整
15:50-16:40
<portfolioup>
16:00-17:00
13-14 1
15-17 2
------------------------------------------------------------
<githubpages>
・設定自体はとても簡単。けど一番最初は404エラー発生
調べたら再pushすると良いらしい。(謎)
とりあえず再push⇨表示された!
が、ケーキ屋さんは問題なし、美容室の方はレイアウト(bootstrap)が崩れている。
とりあえず2つの違いはbootstrapの読み込み方法のみなので、そこをケーキ屋さんに合わせて再push。うまくいかない。ダメもとで再々push⇨改善。(謎)
とりあえず質問投げたので後で考えよう。
20:00-21:45
1.75
<Adobe>
23:15-0:30
1.25
<colors>
・指摘事項修正
0:30-2:00
透過画像載せるのに時間かかった。
ググったら一発でした。。ちょっと理屈はわからないけど擬似クラス?を使うらしい。
完全コピペ。
最初からググってれば、、、勘でやろとしてはいけない。。
1.5
<colors修正>
・微調整
2:00-2:45
0.75
<adobe>
2:45-3:30
0.75
昼寝・・しすぎた。
学習履歴_20210426_1
丸一日サボりました。反省。
・footer着手
9:30-11:00
⇨1.5h
・その他微調整(font,img)
11:00-12:30
⇨1.5h
・nav
16:15-16:45
⇨0.5h
・carousel修正、work写真差し替え、
15:45-16:30
⇨0.75h
・carousel修正(フォント調整)、staff写真差し替え
17:00-19:15
⇨2.25h
6.5h
【 total:17.5h 】
一旦記録終了
学習履歴_20210424
<portfolio>
20210424 18:00-
・nav-carousel
18:00−20:00
⇨2.0h
・workinghours-ourhow
20:00-23:00
⇨3.0h
・counterup-newsletter途中
23:00-1:00
⇨2.0h
・newsletter途中,navについて調べ途中
1:30-2:30
⇨1h
8h
【 total:11.0h 】