テックアカデミー(TechAcademy)体験記 5日目

テクアカ体験記5



こんにちは「しんく」です。
TechAcademyでの勉強、5日目に入りましたので引き続き今日の勉強レポートを記載したいと思います。

ようやくサポートが開始しました。

今まではフライング気味に勉強を進めていたため、チャットでのメンターとのやり取りや、課題の提出などが出来なかったのですが、ようやくスタートしました。8週間のコースなので逆に言えば、タイムリミットへのカウントダウンが始まりました。ここから先はとにかく「やるしかない」です。頑張って勉強を続けて行きたいとおもいます。

学んだ内容はこちら

横並びにしたいブロックはid=”wrapper”とかで一括りにしてその並びが終わったら.clearfix::afterでfloatを終わらせると良いよ。

グローバルメニューはListで作るのが一般的だよ。
display: inline-blockを使うと簡単に横並びにできるよ。
その時widhtの設定やbackground-colorを入れるとメニューっぽくなるよ。

position: fixedを使うとスクロールしても指定した位置にメニューを固定できるよ。
その時、top: 10pxとleft: 10pxなんかの絶対位置を指定して上げる必要があるよ。
これはメニューに対して指定するので、ulとかolに指定することになるよ。

と言ったところです。

プログラミングスクール「テックアカデミー(TechAcademy)」5日目を終えたまとめ

CSSレイアウトの勉強が一通り終わりました。私もWordPressを入れたウェブサイトを幾つか立ち上げているのですが、投稿や固定ページ内で2カラムにすることはありません。なぜならばfloatとかclearfixとかよくわからなかったからです。とくに、スマホからのアクセスが主流になっている今、widthの崩れを生む可能性のある構成にはなかなか手がでませんでした。これを機に、練習用のウェブサイトを立ち上げて学んだことを形にしてゆきたいと思います。

8 weeks progress



投稿者: たーん

初めまして、たーんです。 ウェブサイトを御覧いただき有難うございます。 お仕事では多店舗運営の情報システム周りをやっています。 詳しいプロフィールはこちらを御覧ください。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です