学習内容 CSS上級課題 アイコン作成に着手 実施したこと、理解した点 上級課題のアイコン作成について Q&Aで質問をし、アイコン作成についていくつか参考になる資料を提示していただいたので それらを見て実際に、何個か作成を行った。 提示された資料は、プ…

学習内容 CSS上級課題を進めた。 理解した点 CSSでのアイコン作成に着手 メールアイコン、ページタイトル、記事タイトル横のアイコン作成に着手。 色々試してみたが、上手くできなかったのでQ&Aに投げた。 分からなかった点、疑問に思った点 どうしてもアイ…

学習内容 CSS上級課題を進めた。 実施したこと、理解した点 フォーム部分を装飾 フォームのテキストボックスの左端が揃っていないのを、きちんと揃えた。 初級課題の時は、要素に「text-align:right;」をつけるのみで良かったが、今回は事情が違って少し複雑…

学習内容 HTML上級課題を進めた。 実施したこと、理解した点 フォーム部分、フッター部分の装飾 フォームの左端が揃っていなかったり、フッターの作者情報の部分がおかしかったりしたので、そこの装飾に着手。 疑問だった、フォームが凹んでいるように見せる…

学習内容 HTML初心者が知っておくべきリセットCSS と3つのポイントを読んだ。 理解した点 デフォルトCSSについて デフォルトCSSとはブラウザに初期状態で適用されているCSSのこと。 ブラウザごとに異なる為、以前のWeb製作者はCSSハックや、条件分岐コメント…

学習内容 日本語対応！CSS Flexboxのチートシートを作ったので配布します を読んだ。 FLEXBOX FROGGYを全問クリアした。 実施した点、理解した点 資料の読み進め 資料を一通り読み、flexboxについての基礎事項を確認した。 既に他の資料で学習した内容ばかり…

学習内容 CSS上級課題を進めた。 実施したこと、理解した点 フォーム、フッター部分の装飾 フッターについて、フッターナビとコピーライトの部分は大分それっぽく仕上げる事が出来た。 作者プロフィールの部分が、まだ画像が大きすぎたり文章のバランスが悪…

学習内容 CSS上級課題を進めた 実施したこと、理解した点 CSS上級課題を進めた。 フォーム部分の装飾を少し進めた。 本日は週末で疲れが出たので、あまり出来なかった。 分からなかった点、疑問に思った点 本日は特になし。 所感 課題が少しずつ完成に近づい…

学習内容 CSS上級課題を進めた。 実施したこと、理解した点 CSS上級課題 ヘッダー部分の広告バナーの背景色を設定。 asideクラスの部分の広告バナー、ローカルナビの装飾。 課題で詰まった点 本日は特になし。 所感 body部分を大分完成に近づけられた。 asid…

学習内容 CSS上級課題を進めた。 【CSS】奇数・偶数・n番目など、要素を指定する時によく使うセレクタまとめを読んで擬似クラスについて学習。 理解した点 擬似クラスについて 擬似クラスを利用すれば、クラス名を書かなくてもクラス名を書いた時と同じよう…

学習内容 CSSから考えるデザインのディテール第2回：FlexBoxで作る柔軟な横並びメニューを読んだ。 Flexboxを使うなら知っておきたい「flexアイテム」の幅の計算方法を読んだ。(途中まで) CSS上級課題を進めた。 実施した点、理解した点 Flexアイテムの幅の…

学習内容 CSSから考えるデザインのディテール第2回：FlexBoxで作る柔軟な横並びメニューを読んだ。 CSS上級課題を進めた。 理解した点 ヘッダー部分の細部の作り込みに着手 ナビゲーションの部分の細かい部分、パンくずリストの部分を軽く装飾した。 見本と…

学習内容 CSS上級課題を進めた。 CSS3のFlexboxを基本から理解して、使い方をマスターしよう！をざっと読んでFlexboxの復習。 実施したこと、 理解した点 作者のプロフィールの装飾を行った。 ざっくりとだが、作者プロフィールを装飾した。 「border-radius…

学習内容 CSS上級課題を進めた。 実施したこと、理解した点 フォーム部分の装飾を完成。 フォーム部分をざっくり仕上げた。 ボタンの部分は割とそれっぽくなった気がする。 分からなかった点、疑問に思った点 昨日の疑問点がまだ解決していないので、Q&Aに投…

学習内容 CSS上級課題を進めた。 実施したこと、理解した点 CSS上級課題 文章の部分の大まかな装飾が終わり、フォーム部分の装飾に取り掛かった。 このあたりも初級でやったことあるので、サクサクと進めていきたい。 HTMLをいじらずに「>」と挿入する件につ…

学習内容 CSS上級課題を進めた。 理解した点 CSS上級課題を進めた。 文章やリストの部分の装飾を進めた。 この辺りは、初級でやったことなのでそこまで手こずらなかった。 分からなかった点、疑問に思った点 昨日の日報の疑問点がまだ解決していないので、Q&…

学習内容 CSSから考えるデザインのディテール第2回：FlexBoxで作る柔軟な横並びメニューを読んだ。 CSS上級課題を進めた。 実施したこと、理解した点 CSS上級課題を進めた。 HomeやCategoryの部分、広告バナー、ページタイトルの部分を少しだけ着手した。 お…