しじまのほっぺ｜WEB制作勉強中です

Webデザイナー勉強用のアカウントです！
4 歳、1歳の姉妹と2匹の犬とまったり暮らしています🐶
2023年9月にFammスクールを受講し、コーディングの勉強頑張ってきました！
ゆっくりじっくり派ですが、中級レベルの書籍の理解ができるようになってきたのでこれからデザインも勉強していきます🎨✨

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

@gummy_designer ぐみさん、お優しいコメントありがとうございます！
ぼちぼち頑張ります😊✨

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

5月末に女の子を出産しました😊
1ヶ月はしっかり身体を癒して体調万全にして、またweb制作に取り組んでいきたいなと思います✨
とりあえず横になりながら読めるものが欲しくて、デザインレシピ集を自分の出産祝いに購入😍！
じっくり読み進めていくぞ！

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

Wordpressでポートフォリオサイトを再構築中・・・。
知識が増えてくると色々カスタマイズできて楽しい！！
既存テーマのカスタマイズ、半年前までは？？ばかりだったけれど、今では自分のデザインにかなり寄せることができて嬉しい！（まだ完璧に再現することはできない💦）

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

そういえば、ここ数ヶ月取り組んできた『HTML+コーディングの強化書』で
Figmaデータについて不明点があったので出版元のMdNコーポレーションさんに連絡したところ、著者の草野さんに確認していただき、代替ファイルを作成してくださった✨
迅速に対応いただき、信頼度が増しました！
#MdN

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

書籍から学んだ知識をフル活用してポートフォリオ&サービスサイトを作り直すぞ！
今のサイトはWordpressオリジナルテーマで1から制作してみたけど、今回はテーマを使ってカスタムの勉強も兼ねつつ頑張って作ってみようと思う。
できることが増えるのって楽しい☺️

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

@chi_i1025 営業なしで集客なんでできるの？と半信半疑でしたが、動画を見て納得しました！私には無かった考え方ばかりで勉強になりました✏️🌟
また、子どもと一緒にいる時間を大切にしたいという想いが全く同じで、嬉しく思いました。私も頑張りたいです😄✨

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

『HTML/CSSスキルアップレッスン』2周目してみよう！
強化書で得た知識も含めてどれだけ身になっているか（身になっていないか😅）実感できるはず！
#プロのコーディングが身につく #HTML・CSSスキルアップレッスン

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

@yukuyukuyuukuu @codejump_com はじめまして！
私もゆくさんと同じくコーディングが好きなFamm卒業生です😉✨
Codejump本に興味あり、次に勉強したいなと思っているので
投稿参考にさせていただきます🌟
フォローさせていただきましたのでよろしくお願いします🙇

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

次はいよいよ最終章の総合演習！
wordpressで作ったポートフォリオを、今回学んだ知識をフル活用して再構築しようと思っているけど、かなりの時間が必要そう・・・。
復習しながらより良いサイトを作るぞ！！

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

jsの知識がほぼ皆無なので、5章の3分の1は理解できなかったけど、勉強進めるうちにきっと「このことか！」となることを期待してとりあえず5���終了・・・。

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

娘が昼寝している間に少し勉強できた・・・。
やっとこさ4章終了！
5章は「マークアップ」
「HTMLはWebサイトの品質を担保する非常に重要な役割」とあるように、軽視できない😎✨

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

妊娠9ヶ月にして睡眠欲が復活し、なかなか起きられない日々・・・・。
今朝も1hしかできなかったな✏️
産まれたらまた勉強ストップしてしまうので、今のうちにできるところまで進めておきたい！
強化書は完走したいっ！

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

というか、気づいたら半月近くBEMについて勉強してる✏️・・・。
さすがに進捗なさすぎ、遅すぎる・・・。
学生の時もそうだったけど、そんなに重要でない細部にこだわりすぎて時間を失ってる気がする😶‍🌫️
勉強するの下手です。はい✋

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

BEMの設計手法を丁寧に勉強しながら、いろんなボタンを作ってみてる。
より���用的に分かりやすいCSSで作れるように、名付けって大切だな〜〜

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

花粉&黄砂で咳喘息に苦しまされた2週間・・・。
勉強捗らなかった分、今週から取り戻すぞ！

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

ボタンの作り方一つでも面白い！！
ボタンの命名なんて今までちゃんと考えたことなかったけど、きちんと設計することでバリエーションが増えても対応が簡単。
拡張性って大事だなぁ。

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

『HTML+コーディングの強化書』
chapter3やっと終えた。。。
お問合せフォーム制作は思っていたよりも奥が深かった・・・！
時間かかってしまったけど、とても良い勉強���なりました✏️✨☺️
次はいよいよCSS設計★
実務の現場で活かせる知識を身につけるぞ！！

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

【お悩み解消メモ】.....✍️✨
{ vertical-align: 揃え位置; }
行ないやセル内の縦方向の揃え位置（ベースライン）を指定する。

{ vertical-align: middle; }
→半角英数「x」の中央の高さに要素が揃う。
いろんな場面で使えそう！

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

【お悩み解消メモ】.....✍️✨
{ font-weight:bold; }　って結局どのくらいの太さ？
bold→太字で表示される。数値で700を指定した場合と同じ！！

[しじまのほっぺ｜WEB制作勉強中です @shijimanosoko6]

【お悩み解消メモ】.....✍️✨
fieldset要素によるフォーム部品グループ化
→複数のフォーム部品をグループ化&フォームグループの見出しを設定したい場合は、fieldset要素とlegend要素を使用する！
しかし、2カラムレイアウト時にカラム落ちするのでfloatを使ってwidthの計算を慎重に調整する。