臆病サーチライト

I'm gonna start a revolution from my bed

2019/04/12: 記録

今週読み終わった参考書と次に読み始める参考書

 

今週読み終わった参考書

イラスト図解式 この一冊で全部わかるWeb技術の基本

イラスト図解式 この一冊で全部わかるWeb技術の基本

 
知識ゼロからのJavaScript入門

知識ゼロからのJavaScript入門

 

 

来週から読む参考書

HTML5 & CSS3 デザインレシピ集

HTML5 & CSS3 デザインレシピ集

 

 

2019/03/29: 学習

偶数/奇数を指定するセレクタ nth-child(odd/even)

セレクタの指定は意外と奥が深い。知っていても使わないものはたくさんある。
むしろ使った方が便利なので使いこなせていないものもあると思う。

<main>
<h2> Subtitle </h2>
<div> wrapper </div>
<div> wrapper </div>
<div> wrapper </div>
<div> wrapper </div>
</main>

こういう並びだっとして、偶数のdivと奇数のdivでそれぞれ違う背景をつけようと、

div:nth-child(odd) { background-color: #fff; }
div:nth-child(even) { background-color: #eee; }

と記述したところ、奇数番目だと思っていた要素に偶数のスタイルが、
偶数番目だと思っていた要素に奇数のスタイルが反映された。
調べてみると、どうやら指定した要素の親要素が基準となり奇数偶数を決めているらしい。
上記コードだとh2から始まっているため、想定とは逆のスタイルがつけられていた。

参考:http://blog.yousoro.com/archives/260

2019/03/28: 実践は身につく

JavaScriptの入門書を進める。

すでにProgateやドットインストールにて初級編を済ませていたが、違うアプローチでの学習(復習)も必要だと感じ、書店にて入門書を購入。

「知識ゼロからのJavaScript入門」という書籍。

まだ序盤の段階ではあるが、内容が実践式(関数を用いての記述)なので、とてもわかりやすかった。

これまで取り組んだ教材の初級編はほとんどが計算式や文字を出力してみようといった内容なので、簡単ではあるが退屈にもなった。

やはり様々な方面から学習することは大事だなと感じた。

2019/03/27

学習記録を始める

HTML、CSSJavascriptjQueryPHP...
これらを身につけるため、(理想はフロントエンドエンジニア)
年始から学習を始めている。
Progateやドットインストール、書籍など、
世間では素晴らしい教材が溢れているので、それを利用しつつ学習中。
息抜きや頭の整理にこのブログが活用できたらと思う。