ついに2カラムページが完成しました!
成果物を載せられないのが残念…!
今日は昨日の続きで、
セクション3の残り「Recent Articles」ナビゲーションを装飾しよう
セクション4「記事エリア」と「フッター」のCSSを書こう
①投稿日時を装飾しよう
②アイキャッチ画像を装飾しよう
③文章(本文)を装飾しよう
④フッターエリアを装飾しよう
で、2カラムページ(Part3)まで終わりました。
こんな素敵なサイドバーのあるブログみたいなページが作れるなんて…すごい…。
HTMLとCSSを行ったり来たりしつつ、落ち着いて丁寧にコーディングしていけば、ちゃんとできるんですよね。わかる。分かってはいる。
Fammで自分でコーディングした時、なんであんなにわけわからなくなっちゃったんだろ?こないだデザインカンプを作ったばかりだし、この本を最後までやり終えたら、もう一度自分でコーディング、してみたほうが良さそうです。
今度はきちんと指示を書き出してみようっと…。
普段、ブログのアイキャッチはCanvaでテンプレートを使って簡単に作らせていただいているんですが、なんでか今日はサーバーエラー?らしくて使えないので、Photoshopで自分で作ってみました。
この本の見た目はこんな感じなんですけど、なんとなく、本の表紙をイメージしてみました。もうちょっと背景色は薄くて良かったし、リボンと周囲の装飾は、もうちょっと緑っぽい青だったな…。反省…。周囲の装飾はもう少し細くても良かった…。あとこのフォントはなんなんだろうか…。
プロのデザイナーさんってすごいなぁ。



コメント