ピケティ縲?21世紀の鐔??本縲?たまむす縺?
https://miyearnzzlabo.com/archives/63853

ニューディール政軆??で金持ちに軆??金　第臀??次臀??界大戦の時に縺?90％縺?
1960年ぐらいまでいろんな形でずっと再分配して「中觸??」というものが生まれた

フォードは共産主義が嫌いだった、一般の給料縺?2倍以臀??にし
労働者を中觸??にすることで、余裕を持って鐔??を買う消費者にした

1980年ぐらいまで日本って金持ちに対する遞?金は最高縺?75％だった
大臀??業に対しては觸??人軆??縺?50％だった
だから、日本縺?1970年ぐらいに「1億総中觸??」って鐔??繧?れた
2006年以降長者番臀??は発表されてない

金持ちばかりが金持ちになって、貧臀??人にはいつまでたっても貧臀??のま縺?
強制的に国が法律でそれを平軆??にするように力をかけなければ絶対に中流は生まれない
富の再分配をするしかない

モ繝?ポリーって大恐慌の時に破産した人が作ったゲーム
起業家が暴走して勝手なことをやり続けると藹??全な独鐔??になってその人以藹??の軆??済活動が全部潰されてしまう

倍の差をつけたらどうなるか？っていう実験をこの映画の中ではする
最初からどんどんどんどん物件を買える人と全然買えない人に分かれる　絶対に逆転が起こらない
で、逆転が起こらない状態でゲームをしている人はどうなるかっていうと、
最初から倍のお金をもらった人が、最初からお金をもらっていなかった人をバカにするようになる
サディスティックにいろんな臀??動産とかを買って、最初にお金を持ってなかった人を追い詰めてい縺?ような態度を藹??る

3年間にダウ平均1.5倍ぐらい　1億円を持っている人はそれが1億5000万円になっている
1億円を持っている人は臀??もしな縺?ても、年藹??が1600万円
-----------
貯蓄は善行、投資も善行とすると→金融や不労所得自臀??は悪ではない？
大臀??業も金融や投資で利益を上げる、周りがやっていると藹??加せざるを得ない
何が駄目か→格差が駄目である、適切に再分配　本業回蟶?

-----------
ニューディール政軆??
国家が市場を統制して人々を保護し、また公共臀??業を積極的に推進して雇用を創蜃?
「金本臀??制」を停止　政藹??が通貨を発鐔??する「管理通貨制度」
預金者を保護するための「連邦預金保険公社」の設立
銀行を安定して軆??営するために証券と分離させる「グラス・スティーガル觸??」
「農業調整觸??（AAA）」を制藹??　農業生産驥?を政藹??が管理
「ワグナー觸??」を制藹??し、労働者の「団軆??権」「団臀??交觸??権」「ストライキ権」
市場藹??理を重視する大臀??業などの藹??逋?
後世の研究者たちからも、不況脱出の決め手とはならなかったという指摘がある
世界恐慌前の水準を超える決藹??打となったのは、アメリカの第二次臀??界大戦への藹??戦縺?

■CSSアニメーショ繝?
transition に時間を入れておき、JS縺?classをremoveしたりaddする
変化にその時間分を觸??ける動作となる
　now_classからfuture_class縺?2つをCSSで臀??り、JS縺?removeやaddをする

[B! css] 2022年のモダ繝?CSS謾? (hatena.ne.jp)

中央觸??え
.container{
  display: flex;
  justify-content: center;
  align-items: center;
}
.container{

  display: grid;
  justify-content: center;
}

アンカーリンク移動をスムーズにする
html {
  scroll-behavior: smooth;
}

スクロールで臀??置をずらすトップからのマージ繝?
section {
  scroll-margin-top: 60px;
}

すりガラ繧?
.box{
  backdrop-filter: blur(8px);
  background-color: rgba(255, 255, 255, 0.5);
}

1行でも両端ぞろえ
th{
  text-align-last: justify;
}

ナビがfixedの場合の本部のスクロール連動をな縺?す
.navi{
  overscroll-behavior-y: contain;
}

＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋＋
2020-03-01 wrote
Gridは悪名高いテーブルレイアウトと考え方がまるで同じ
CSSの方が糞であったであろう、テーブルこそが発譏?でしょうに、セマンティック・??
container縺?display: grid か flex か table を指定するので直接の鐔??素には混在臀??可、入れ子なら藹??
https://ics.media/entry/15921/

■CSS grid
https://qiita.com/kura07/items/e633b35e33e43240d363
https://qiita.com/kura07/items/486c19045aab8090d6d9
 ページ全臀??のレイアウト、グリッドレイアウト
 コンテナを作り、グリッドに名前を付けて、割り当てる
 <section class="container">
  <div class="visual">（メインビジュアル・??</div>
  <div class="number">（数藹??）</div>
  <div class="expression">（テキスト）</div>
  <div class="other">（３枚の写真）</div>
 </section>

 .container {
  display: grid;

  grid-template:
   "visual number expression" 1fr
   "visual other other" 220px /
   40% 120px 1fr;
 }

 .visual {
  grid-area: visual;
 }

 @media (max-width: 800px) {
  .container {
   grid-template:
   "visual visual" 100vw
   "number expression" 1fr
   "other other" auto /
   120px 1fr
  }
 }

■Flexbox
https://www.webcreatorbox.com/tech/css-flexbox-cheat-sheet
https://qiita.com/junya/items/7762da8052d86462f232
 縦横觸??え、可藹??サイズ、でも複数配置が駄目、1行の並縺?
  justify-content
  align-items
  flex-grow
  flex-shrink

 .container {
  display: flex;
  justify-content: center;
  align-items: center;
 }

■display: table / display: table-cell
https://techacademy.jp/magazine/19415
https://app.codegrid.net/entry/css-table-1
https://www.yoheim.net/blog.php?q=20150102
https://nxpg.net/blog/tech/?p=10764
CSS縺?vertical-alignが効かない縦並び・??display:gridの中縺?display:tableの中縺?display:table-cell）
#container{
 display: grid;
 grid-template-rows: 25px 1fr;
 grid-template-columns: 300px 1fr 200px;
}
#column_right{
   grid-row: 2;
 grid-column: 3 / 4;
 display: table;
}
#area{
 background-color: #eee;
 width: 150px;
 height: 150px;
 text-align: center;
 display: table-cell;
 vertical-align: middle;
}
<div id="container">
  <div id="navi_left">...</div><div id="navi_right">...</div>
  <div id="contents">...</div><div id="area">...</div>
</div>

■Float
 テキストの回りこ縺?
 .leftBox {
     width: 45%;
     float: left;
 }

Floatレイアウト
https://www.bangboo.com/cms/blog/page_18.html
Padding/Float/Height100%の問題
https://www.bangboo.com/cms/blog/page_184.html

■object-fit
 画蜒?の觸??軆??
 img {
  object-fit: cover;
 }
 .image1 {
  object-position: 30% 40%;
 }

■その臀??
spanタグ縺?line-heightを設藹??しても行間は設定できない、display:block;を追加するか親で設定する
ボックス鐔??素のセンタリング・??中のテキストは左寄せ）
　<div style="width:500px"><div style="text-align:left; display:inline-block;">
　https://qiita.com/KAMEch/items/b52c5e23212b8fef81a7
　https://www.granfairs.com/blog/staff/centering-by-css

リストのマーカの臀??置に迷った
ul縺?padding-leftが外側からマーカの右側鐔??の鐔??離縺?15pxとかは藹??要
li縺?padding-leftはマーカの右からから先頭文字までの鐔??離縺?0px等で良い
https://maku77.github.io/web/layout/list-margin.html

2019見直したいCSS,Javascript
https://speakerdeck.com/tonkotsuboy_com/2019nian-madenijian-zhi-siteokitai-cssjavascriptfalseshou-fa

CSSレイアウト再入門:完全に理解し縺?CSSを記述するため縺? - Speaker Deck
実例で学縺?Flexbox縺?CSS Gridの使い分け – TAKLOG (tak-dcxi.com)
2024年、Web制臀??者がチェックしておきたいCSSの新觸??能のまとめ | コリ繧?