友達の会社のホームページ制作をしているのですが･･･｡
すでにホームページを持っているので､新たに公開することはないと思います｡
練習で作らせてもらっています｡
実践練習で良いかなと｡
ま､前も書きましたが､実務経験ありのWebデザイナーであります為､そんなに苦労することはないですが｡
Adobe XDを使っている
Adobe XDを使っているのですが､､､
Adobe XDは有料･･･｡
使いますけど｡｡｡
便利ですねぇ～｡
3時間ほどかけてAdobe XDで作り上げました｡
とくに機能をフルに使うことはなく､最低限の使い方｡
これで取り組んでいます｡
HTMLコーディングをする
このあと､いよいよHTMLコーディングをする出番｡
ちょっと二の足を踏む感じです（笑）｡
今回､シンプルに2カラム構成にしていて､まぁ､display:gridを使うことになるのかな｡
これで万事上手くいくはず（と願いたい）｡
ちなみに､HTMLコーディングはvscideを使います｡
前はATOMを使っていたのですが､どこかでvscodeを知りました｡
それからはvscodeを使っています｡
どちらも良いものですので､お好きな方を選ぶと良いですね｡
コンテンツを流し込むのが大変
割とボリュームがあります為､コンテンツを流し込むのが大変です｡
さて､どうしたものか｡｡｡
まぁ､ぼくは1つの内容ごとに､HTMLとCSSを書いて､表示確認するスタイル｡
たとえば､Aというコンテンツがあれば､まずは､AのHTMLとCSSを書く｡
そして､表示確認して問題なければBのコンテンツに進みます｡
今のところ､そんな感じです｡
これはもう､実務であるときからこのスタイルで行っています｡
今さら変えることは出来ない？
知らんけど（笑）｡
BEMとSCSSで
ホームページを制作する際､かならずHTMLとCSSが必要です｡
なので､それらを使ってホームページを制作するのです｡
最近のお気に入り｡
それは､BEMとSCSSです｡
SCSSはCSSの進化版です｡
別物ではありませんが､SCSSで書いた場合､コンパイルが必要です｡
これもvscodeのプラグインで出来ます為､なんてことはありません｡
個人的にはBEMとSCSSは最強のコンビだと思っています｡
今のところはそんな感じですね｡
さいごに
さて､楽しみだけど二の足を踏むHTMLコーディング｡
ボチボチ頑張ります｡
