STUDY

WEBデザイナーを目指すブログ。主に自分の知識整理用。独り言。

とってもお久しぶり

 

 

だいぶ更新がおろそかになっていました・・・。

デザインの勉強はずっと続けていたんですけれどね('ω')

もう誰も見ていないかもしれませんが。

まあ、もともと独り言ブログだし気にせず投稿したいと思う('ω')!笑

 

 

 

 

とりあえずCodeCampでの現段階での進行度合を簡単に晒してみる。

 

☆HTML/CSS

最終課題まで完了

 

Photoshop

最終課題まで完了

 

Illustrator

80%くらい

章ごとの課題の分からないところと最終課題のみ

 

Javascript

40%くらい

一番厄介

 

 

今はイラレとジャバスクリプトを同時進行で勉強している感じです。

来月までには終わらせて、ポートフォリオを作成する段階に入りたいと思ってます。

 

そして、夏からは就職活動を始めたいと思っています。

実務経験ゼロで、なかなか未経験からの中途で正社員として入るのは、求人数自体も少ないし、厳しいですよね(´・ω・`)

なので、派遣で経験を積んでいずれ正社員を目指すことがいいのかなあと('ω')

いろいろと不安なことだらけだけど夏に向けて頑張っていこうと思います。

 

 

 

また更新するぞーっ。

 

メモ(*'ω'*)

 

 

 課題は無事合格(*‘ω‘ *)

今回はそれをこなす途中で起こった2つの問題の原因まとめ。

 

 

 

検索フォームボタンを角丸にしようとCSSでborder-radiusを記述すると、謎の影が現れた現象

原因は検索ボタンにborderを指定していなかったからだということが判明した!どうやらブラウザのデフォルトの仕様だったみたいで解決してスッキリ('ω')✨

 

 

 

floatで横並びにしたリストの中央揃え

あっけなくできたwww

普通にul要素に幅や高さを指定してあげるだけw

なんで思いつかなかったのか。

まあ、ul要素はサイズ指定してあげないと動かせないということだ('ω')ノ

 

 

 

そして今更要素にidとclassどちらも指定できることを知るwww

これで痒いところに手が届く('ω')ノ

 

 

 

 

あと、料理画像とその料理名のように、画像+タイトルのように表示にさせたいときのfigcaptionの存在をすっかり忘れ、普通にpタグを使っていたことw

知っているのに活かせていないことが多すぎぃ!

 

 

そういう類で言えば、あとは、アイコンの隣に文字を並べるときに、アイコン画像をhtmlにベタ貼りしてCSS

vertical-align: middle; 

を記述してアイコンと文字の高さを合わせるのではなく、

background: url('arrow.png') no-repeat left center; 

のような記述が良いこともだ。

 

 

 

グローバルナビなどの横並びリストは必ずしもfloatで作る必要はなく、むしろtableタグを使えば回り込みの解除や横幅の計算の手間を気にせずできるということ。

 

 

 

 

そしてそして、ずっと欲しいと思っていて買えてなかったこの本も購入!

ノンデザイナーズ・デザインブック [フルカラー新装増補版]

ノンデザイナーズ・デザインブック [フルカラー新装増補版]

 

いろんなところで評価が高かったのでずっと欲しいと思っていたのだ。

やっと買えてご満悦🎶

 読み込んでデザインの基本知識をつけたいと思います📕