2カラムページ完成!

HTML/CSS

ついに2カラムページが完成しました!
成果物を載せられないのが残念…!

今日は昨日の続きで、

セクション3の残り「Recent Articles」ナビゲーションを装飾しよう
セクション4「記事エリア」と「フッター」のCSSを書こう
①投稿日時を装飾しよう
②アイキャッチ画像を装飾しよう
③文章(本文)を装飾しよう
④フッターエリアを装飾しよう

で、2カラムページ(Part3)まで終わりました。

こんな素敵なサイドバーのあるブログみたいなページが作れるなんて…すごい…。

HTMLとCSSを行ったり来たりしつつ、落ち着いて丁寧にコーディングしていけば、ちゃんとできるんですよね。わかる。分かってはいる。
Fammで自分でコーディングした時、なんであんなにわけわからなくなっちゃったんだろ?こないだデザインカンプを作ったばかりだし、この本を最後までやり終えたら、もう一度自分でコーディング、してみたほうが良さそうです。

今度はきちんと指示を書き出してみようっと…。

普段、ブログのアイキャッチはCanvaでテンプレートを使って簡単に作らせていただいているんですが、なんでか今日はサーバーエラー?らしくて使えないので、Photoshopで自分で作ってみました。


この本の見た目はこんな感じなんですけど、なんとなく、本の表紙をイメージしてみました。もうちょっと背景色は薄くて良かったし、リボンと周囲の装飾は、もうちょっと緑っぽい青だったな…。反省…。周囲の装飾はもう少し細くても良かった…。あとこのフォントはなんなんだろうか…。
プロのデザイナーさんってすごいなぁ。

コメント

タイトルとURLをコピーしました