5月13日 -30DAYSトライアル2nd- - プログラミング勉強日記

30DAYSトライアル2ndをDAY4から進める。できればDAY6まで進めたい。

アルパカさんのまとめサイトを参考にして進めている。でも今思った。実際に自分でWEBデザインしてみないと勉強にならないと。DAY7でやっと気づいた自分に驚いている。

linear-gradient グラデーションを作る関数について

linear-gradient(45deg,blue,red);45度に傾いたグラデーションで青から始まり赤で終わる

linear-gradient(to left top,blue,red);右下から左上に向かうグラデーションで青から始まり赤で終わる

linear-gradient(0deg,blue,green 40%,red);下から上に向かうグラデーションで青から始まり長さの40%の所で緑になり赤で終わる

degはdegree(度、角度)

0degはto top

90degはto right

180degはto bottom

270degはto leftとぞれぞれ同義

グラデーションで出来ることは複数の色を使える、向きを指定できる、色の変化点を細かく指定できるの3点。

repeating-linear-gradient グラデーションをパーツとして扱える関数

content 疑似クラスのみで使えて、文字や画像が入れられる

rotate関数画像や図形の角度をx,y,z軸の好きな方向にずらせる

親要素の背景として疑似要素を設定したい場合、z-inde:-1;として他の要素よりも後ろ側に回す

iframe(インラインフレーム)とはページ内に領域を設けて、そこに別ページ(別URLのコンテンツ)を設置する仕組み

30DAYSトライアル2nd DAY4（アルパカさんのまとめサイト）

グラデーションの基礎、実例が書いてある

グラデーションを繰り返せる

Flexboxについてはこれを見れば問題なさそう

30DAYSトライアル、PerfectPixel、JQuory、Wordpress、PHP実践練習、はてなブログの機能、線形代数(詳細ではなく全体の流れ)、SEO