Saki*＊WEBデザイン勉強中！！

千葉在住の30代,2児(3歳•0歳)のママ❁育児絶賛奮闘中。子供達と過ごす時間の貴重さを再認識。 【子育て×働き方×生活】について考える。 ▶︎子供と過ごせる今を楽しみたい！ ▶︎これから先も、環境に依存せずに働きたい！ 初心者・未経験からWEBデザイナーになるため2020.2〜勉強開始❁ よろしくお願いします◡̈

[Saki*＊WEBデザイン勉強中！！ @web_saki]

Twitter始めました！
自分にとって大切な時間を,文字通り大切にしたくて。働き方を変えたいと本気で思い,WEBデザインを勉強中です。
分からないことだらけの今だけど,未来に繋がるはず!と思って頑張ってます◡̈
#育児デザイナー
#駆け出しエンジニアと繋がりたい
#無言フォロー歓迎
#一緒に頑張ろう

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@mild_heaven_6mg 良かったです！
お疲れさまです😊✨

[Saki*＊WEBデザイン勉強中！！ @web_saki]

ついに、モーダルウィンドウの表示・非表示の実装ができましたー！！！
何日もかかっていたので、もうす���っごく嬉しい！！(*^○^*)♡

このサイトに出会って、ようやく理解出来た私です。
もしモーダルウィンドウで躓いている方がいたら、ぜひチェックしてみてください！
https://t.co/HmNd5GS90f

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@pitiandpati ありがとうございます、安静に過ごすことにします☺️

[Saki*＊WEBデザイン勉強中！！ @web_saki]

実は先日からずっと体調不良が続いていて。受診したらPCR検査を受けることとなり、先ほど検査してきました。

自分がもし...と考えると不安ですが😢もし陽性ならやるべき事・やってはいけない事がはっきり見えるので、良かったのかな。

結果が出るまで、もうしばらく安静に過ごすこととします😌

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@mild_heaven_6mg はい、そんな感じです😊
難しかったけれど私にも出来たので、キーボーさんなら出来ると思います！頑張ってみてください！✨

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@mild_heaven_6mg 作ったモーダル画面は、表示・非表示を切り替えています！

PCサイズではメニューがオープンになっているので、モーダル画面は非表示に。
タブレットサイズとスマホサイズでは、ハンバーガーボタン押すとモーダル画面が出���きてメニュー表示されるように指定しています。

この説明で解決されますか？

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@mild_heaven_6mg ありがとうございます！！
ほんと、何日もかかってようやくここまできました😊

PC表示では、メニューがオープンになっているのでモーダル画面は無いですよね？？
もちろんリクエストにはお応えしたいのですが、、どこでしょうか？😅理解不足で申し訳ないです💦

[Saki*＊WEBデザイン勉強中！！ @web_saki]

2020.7.18(139日目)
▷読書
▷fontsizeについて学習
【30分】

まだ怠くて机のPCに向かって作業する事は出来ないけど、携帯でちょこちょこ学習。
読書の内容で気になった箇所があったので、少しだけ調べましたが、ほぼ横になって過ごしました。
ついついやってしまいがちですが、今は休息を優先に😊

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@wasabi68real ほんと、それなんです！
どんな環境でも、どんな人でも操作出来るようにって、意識していないと作れないですよね。
それが、順を追って記してくださっているの��、とても理解しやすかったです😊

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@hilosiva なんと！✨
記事すごく分かりやかったので、今から学ぶみなさんにも届いたらいいなぁと思います😊

[Saki*＊WEBデザイン勉強中！！ @web_saki]

@hanna__web 体調回復したら、再開することにします😊
ありかとうございます！

[Saki*＊WEBデザイン勉強中！！ @web_saki]

2020.7.15〜17(136〜138日目)
▷コーディング
▷読書
【30分ずつ】

息子の風邪がうつってしまったのか
昨日から私がダウンしております😢
熱はないけど咳と倦怠感が...
(コロナでありませんように🙏)

もう少し良くなったら
コーディング続きやることにします！

それまで
しばし【休息のとき。】です

[Saki*＊WEBデザイン勉強中！！ @web_saki]

あぁ〜✨✨✨
やっっっと出来ました！！
モーダル画面、やっと���前面に！😆✨

もうあらゆる事をたくさん試し重ねてきたので、結局ところ「これ」っていう原因は突き止められなかったんですが、結局はz-indexだったのかな？🤔

次はクリックしてモーダル表示・非表示のjQueryに進みます😊💕

[Saki*＊WEBデザイン勉強中！！ @web_saki]

2020.7.14(135日目)
▷コーディング
【1時間】

なにも進まずでした😅
進まないからか、いまいち集中出来ず。。
明日は旦那休みなので、家のこと任せて少し疲れをとろうかな🤔

[Saki*＊WEBデザイン勉強中！！ @web_saki]

モーダルもスムーススクロールも
全っっ然出来ません！😢💦

やり直してもまた同じ事になりそうな予感がするから、なかなか判断出来ないけど、やり直した方がいいのかな。
はぁ...

でも絶対必要なスキルだから
ちゃんと作れるようになりたい！！

こういう時逃げちゃいそう��けど
頑張らなきゃ！😂

[Saki*＊WEBデザイン勉強中！！ @web_saki]

2020.7.10〜12(131〜133日目)
【0分】
2020.7.13(134日目)
▷コーディング
【1時間】

久しぶりに作業出来たけど、何も解決出来ずに終わりました...😂
明日はどうしようかな🤔🌀悩みます。

[Saki*＊WEBデザイン勉強中！！ @web_saki]

他は何だろう？もう選択肢が...
もう一度、やり直してみようかな🌀

ちなみに、私が参考にしたサイトはこちらです↓
https://t.co/FU8MWy4IxI

[Saki*＊WEBデザイン勉強中！！ @web_saki]

階層バラバラなモーダルウィンドウ、まだまだ修正中です😂

調べてきてのたぶんの憶測なのですが、↓

モーダルウィンドウの前面にきてしまっている要素には、position値が��定されていて。(⚠️＝前面に出てこない要素にはposition値が指定されていない！)

続く↓

[Saki*＊WEBデザイン勉強中！！ @web_saki]

モーダルウィンドウの要素にもpositionは設定されているが、どうしてかモーダルウィンドウではない方の要素が優先されている。
だから、モーダルが最前面に来ない！

優先順位を考えるとなると、コーディングの順番くらいしか思い浮かばないのですが、そこはもう検証済み。。

続く↓