Размер видео: 1280 X 720853 X 480640 X 360
Показать панель управления
Автовоспроизведение
Автоповтор
誰にでもわかるように説明してくれているので、わかりやすい！！！！！ありがとうございました。😀
こちらこそ、ご視聴ありがとうございます🙇♀️お役に立ててよかったです！
なつこ先生、お世話になっております。positionプロパティに関しては、ぶっちゃけ自身わかってそうでいまいち明確に出来ていなく、モヤモヤする事が多かったんですが、こちらの動画を見て、主に"absolute"と“relative”の関連性の重要度をよく理解出来て、ポイントを掴めた感じです！
にゃんこが頭に乗ってて可愛さが増してる。動画参考になりました。ありがとうございます。
ちょうどProgateでやってるところでした！なつこさんの説明のおかげでめちゃくちゃ理解が深まりました🙆🏻♂️ありがとです！
こちらこそご視聴ありがとうございます😊タイミングが良かったようで何よりです！
どこを基準にしてるか言ってくれるからめちゃくちゃわかりやすい！やっと分かりましたー😭
曖昧に覚えていたのでpositionプロパティに関して自身つきました！ありがとうございます！
わかりやすかったです！
昨日1日躓いてましたが、とてもわかりやすく解説してくれて感謝です🥲ありがとうございました。
お役に立ててよかったです！！☺️
毎回のわかりやすい説明で大変助かります！ハロウィン仕様の髪型可愛いですね💕
こちらこそいつもご視聴ありがとうございます！✨ちょっとふざけてみました😂
やはり、頭の猫ちゃんはハロウィン仕様でしたかw肌がきれいだと、どんな髪色でもすごくよく似合いますね👍なつこ先生のおかげで、なんとかHTML・CSSの勉強が続いています。いつもありがとうございます😊
ハロウィンとはいえ、謎のチョイスですみません😂こちらこそ、いつもご視聴ありがとうございます！！
やはり、テキストや文字より動画のほうがわかりやすいですね、とても参考になりました。ありがとうございます！
そう言っていただけると非常に嬉しいです🙇♀️ご視聴ありがとうございます！！
ありがとうございます！やっとで、relativeとabsoluteの理解ができました！
ご視聴ありがとうございます🙇♀️お役に立てて良かったです！
いつも無料で動画を発信くださりありがとうございます。理解があいまいなところを学べてありがたいです。いま疑似要素(before after)に関してい自信が持てず、解説を聞きたいです。機会ありましたら何卒お願いいたします。
こちらこそ、ご視聴ありがとうございます！リクエストいただいた件も、今後の動画テーマとして検討させていただきますね😊ありがとうございます！
いつも為になる情報ありがとうございます！
こちらこそ、いつもご視聴ありがとうございます！✨
何回も何回もレイアウトが崩れて、何回も何回も検証したり、練習用にdivをいくつも作って親・子・孫でrelative、absoluteをいろんなところにつけてみたり。。。いじくり倒しまくってでた結論 親子でrelative、abusoluteをつけているつもりが兄弟要素だった（親子になっていない要素同士だった） ってのが原因としてもっとも多かったです。
初心者です。今サイト模写をしててmainとheaderの両方に跨る背景画像をpositionを使ってどうやっていれようかと思っていたのですが解決しそうです。ありがとうございます！今まではheaderとmainに更に親要素classを付けて、そのclassにcssで貼り付けてました…
大変勉強になりました。動画の中でも仰っられていますが、positionとfloatの使い分け、その際の考え方が知りたいです。この場合はこっちを使うけどこっちはこうだから使わないみたいなのがあれば教えていだきたいです。
relative が設定されている親要素に対して、absolute が機能するんですよね。なるほど!ありがとうございました!
ご返信が大変遅くなり失礼いたしました🙇♀️はい、仰る通りです！relativeの指定を忘れていてうまく動かないことが多いので、必ずセットで扱うように覚えてみてください！
position: absolute を学びました。。
fixed、使ってみます！
コメントありがとうございます✨是非、活用してみてください！
positionプロパティがなんとなくで、いまいちな感じでした。この動画見て助かりました！ありがとうございます。
お役に立てて嬉しい限りです！是非これからは自信をもって使いこなしてみてください☺️
毎回説明がとても分かりやすくて助かります！あと、なつこさん見るとなんかほっこりする(⌒∇⌒)
ご視聴ありがとうございます😊そう言っていただけると、私もほっこりします🍀
可愛いすぎ
いつもご視聴ありがとうございます！😊
いい
コメントありがとうございます✨
なつこハロコスエモい！今日は会社のトイレで動画みてます（笑）
更新お待たせしました！😂いつもご視聴ありがとうございます！
あるsectionのul liにmargin o autoを指定して中央寄せにしたんですが、その中でabsolute更にtransformでposition指定しているh3が検証で幅を大きくスクロールするとそのsectionのh3だけ連動して動いてしまいます。他のsectionでも同じような事をしているのですがh3は、動きません。困っています。
IE11は もうすぐサポートが終わるので 改めて 解説をお願いします🙏
ご返信ができておらず失礼いたしました！「position: sticky;」についてはブラウザ対応が追いつき次第、改めて解説したいと思います😊 いつもご視聴ありがとうございます！
コーディングど素人です。positionのFixedを使って要素の固定をしたいと思っておりますが、親要素を基準にして固定する場所を自由に決められないかと思っております。可能でしょうか。
ご質問ありがとうございます！fixed自体、親要素を基準に固定する役割ではなく、画面を基準に固定することができる設定値となります。仰るような使い方ですと、単純に親要素に「position: relative;」、固定したい要素に「position: absolute;」を指定する方法になるかと思います。ご参考になれば幸いです！
@@webgodweb 御回答ありがとうございます。やはりfixedは画面を基準にしてしまうので難しいのですね。大変参考になりました。ありがとうございます🙇♂️
POPdeKwaiiくて分かりやすい。（そして、これは分かりにくいコメント）
ご視聴ありがとうございます😊これからもよろしくお願いします🍀
ちょっと発展的な内容ですが、jQureyを使ったハンバーガーメニューでのpositionプロパティが理解できてません。
親要素にrelativeを指定して、子要素には、absoluteを指定して、実装することが多いです。少し難しいかもしれませんが、いずれは理解できるようになると思います🍀
乱用してました😭
ご視聴ありがとうございます😊最初のうちはどの場面で使用したらよいか迷いますね。様々なWebサイトのソースをみて研究することで適切な使用場面が見えてくるかもしれません。
ねこちゃんが頭にいるのが気になって、内容が入って来ない。😁
気を散らしてすみません！笑何回か観ていただければ慣れるかもしれません🥺
頭かわいいw
ありがとうございます😊
@@webgodweb ヽ(*＾ω＾*)ﾉ
今さらって言葉あんまり好きじゃない。初心者はそれを知らないだろうし。初心者に今さらもクソもないだろうし。
貴重なご意見ありがとうございます。ある程度学習が進んでいる方でも、なんとなくの理解で済ませていて、どういう状況でどういう使い方ができるのか？がうまく整理できていないままどんどん先に進めていく方も多い印象です。それでいい場合もありますが、絶対配置、相対配置に関してはきちんと理解していないとつまづく場面が多いと私自身実感したことがあるので、この動画を制作いたしました。必要な知識や理解が不足しているなら、どれだけ長い期間学習していたとしても「脱初心者」はできないと私は思っています。絶対配置、相対配置については、そんな初心者の方でも、実はよくわかっていないなんて「今さら」言い出せないような状況になりやすいと感じていたので、このような表現をしています🙇♀️
勉強になりました。わかりやすくて、ためになりました。作成してくださって(人''▽｀)ありがとう☆感謝しています。💝💫
こちらこそご視聴ありがとうございます！！☺️
誰にでもわかるように説明してくれているので、わかりやすい！！！！！ありがとうございました。😀
こちらこそ、ご視聴ありがとうございます🙇♀️
お役に立ててよかったです！
なつこ先生、お世話になっております。
positionプロパティに関しては、ぶっちゃけ自身わかってそうでいまいち明確に出来ていなく、モヤモヤする事が多かったんですが、こちらの動画を見て、主に"absolute"と“relative”の関連性の重要度をよく理解出来て、ポイントを掴めた感じです！
にゃんこが頭に乗ってて可愛さが増してる。動画参考になりました。ありがとうございます。
ちょうどProgateでやってるところでした！なつこさんの説明のおかげでめちゃくちゃ理解が深まりました🙆🏻♂️ありがとです！
こちらこそご視聴ありがとうございます😊
タイミングが良かったようで何よりです！
どこを基準にしてるか言ってくれるからめちゃくちゃわかりやすい！やっと分かりましたー😭
曖昧に覚えていたのでpositionプロパティに関して自身つきました！ありがとうございます！
わかりやすかったです！
昨日1日躓いてましたが、とてもわかりやすく解説してくれて感謝です🥲
ありがとうございました。
お役に立ててよかったです！！☺️
毎回のわかりやすい説明で大変助かります！ハロウィン仕様の髪型可愛いですね💕
こちらこそいつもご視聴ありがとうございます！✨ちょっとふざけてみました😂
やはり、頭の猫ちゃんはハロウィン仕様でしたかw
肌がきれいだと、どんな髪色でもすごくよく似合いますね👍
なつこ先生のおかげで、なんとかHTML・CSSの勉強が続いています。
いつもありがとうございます😊
ハロウィンとはいえ、謎のチョイスですみません😂
こちらこそ、いつもご視聴ありがとうございます！！
やはり、テキストや文字より動画のほうがわかりやすいですね、とても参考になりました。ありがとうございます！
そう言っていただけると非常に嬉しいです🙇♀️ご視聴ありがとうございます！！
ありがとうございます！
やっとで、relativeとabsoluteの理解ができました！
ご視聴ありがとうございます🙇♀️お役に立てて良かったです！
いつも無料で動画を発信くださりありがとうございます。
理解があいまいなところを学べてありがたいです。
いま疑似要素(before after)に関してい自信が持てず、解説を聞きたいです。
機会ありましたら何卒お願いいたします。
こちらこそ、ご視聴ありがとうございます！
リクエストいただいた件も、今後の動画テーマとして検討させていただきますね😊ありがとうございます！
いつも為になる情報ありがとうございます！
こちらこそ、いつもご視聴ありがとうございます！✨
何回も何回もレイアウトが崩れて、何回も何回も検証したり、練習用にdivをいくつも作って親・子・孫でrelative、absoluteをいろんなところにつけてみたり。。。
いじくり倒しまくってでた結論
親子でrelative、abusoluteをつけているつもりが兄弟要素だった（親子になっていない要素同士だった） ってのが原因としてもっとも多かったです。
初心者です。
今サイト模写をしててmainとheaderの両方に跨る背景画像をpositionを使ってどうやっていれようかと思っていたのですが解決しそうです。ありがとうございます！
今まではheaderとmainに更に親要素classを付けて、そのclassにcssで貼り付けてました…
大変勉強になりました。動画の中でも仰っられていますが、positionとfloatの使い分け、その際の考え方が知りたいです。
この場合はこっちを使うけどこっちはこうだから使わないみたいなのがあれば教えていだきたいです。
relative が設定されている親要素に対して、absolute が機能するんですよね。なるほど!ありがとうございました!
ご返信が大変遅くなり失礼いたしました🙇♀️
はい、仰る通りです！relativeの指定を忘れていてうまく動かないことが多いので、必ずセットで扱うように覚えてみてください！
position: absolute を学びました。。
fixed、使ってみます！
コメントありがとうございます✨
是非、活用してみてください！
positionプロパティがなんとなくで、いまいちな感じでした。この動画見て助かりました！
ありがとうございます。
お役に立てて嬉しい限りです！是非これからは自信をもって使いこなしてみてください☺️
毎回説明がとても分かりやすくて助かります！あと、なつこさん見るとなんかほっこりする(⌒∇⌒)
ご視聴ありがとうございます😊そう言っていただけると、私もほっこりします🍀
可愛いすぎ
いつもご視聴ありがとうございます！😊
いい
コメントありがとうございます✨
なつこハロコスエモい！今日は会社のトイレで動画みてます（笑）
更新お待たせしました！😂
いつもご視聴ありがとうございます！
あるsectionのul liにmargin o autoを指定して中央寄せにしたんですが、その中でabsolute更にtransformでposition指定しているh3が検証で幅を大きくスクロールするとそのsectionのh3だけ連動して動いてしまいます。他のsectionでも同じような事をしているのですがh3は、動きません。困っています。
IE11は もうすぐサポートが終わるので 改めて 解説をお願いします🙏
ご返信ができておらず失礼いたしました！
「position: sticky;」についてはブラウザ対応が追いつき次第、改めて解説したいと思います😊 いつもご視聴ありがとうございます！
コーディングど素人です。
positionのFixedを使って要素の固定をしたいと思っておりますが、親要素を基準にして固定する場所を自由に決められないかと思っております。
可能でしょうか。
ご質問ありがとうございます！
fixed自体、親要素を基準に固定する役割ではなく、画面を基準に固定することができる設定値となります。
仰るような使い方ですと、単純に親要素に「position: relative;」、固定したい要素に「position: absolute;」を指定する方法になるかと思います。ご参考になれば幸いです！
@@webgodweb 御回答ありがとうございます。
やはりfixedは画面を基準にしてしまうので難しいのですね。大変参考になりました。
ありがとうございます🙇♂️
POPdeKwaiiくて分かりやすい。（そして、これは分かりにくいコメント）
ご視聴ありがとうございます😊これからもよろしくお願いします🍀
ちょっと発展的な内容ですが、
jQureyを使ったハンバーガーメニューでの
positionプロパティが理解できてません。
親要素にrelativeを指定して、子要素には、absoluteを指定して、実装することが多いです。
少し難しいかもしれませんが、いずれは理解できるようになると思います🍀
乱用してました😭
ご視聴ありがとうございます😊最初のうちはどの場面で使用したらよいか迷いますね。様々なWebサイトのソースをみて研究することで適切な使用場面が見えてくるかもしれません。
ねこちゃんが頭にいるのが気になって、内容が入って来ない。😁
気を散らしてすみません！笑
何回か観ていただければ慣れるかもしれません🥺
頭かわいいw
ありがとうございます😊
@@webgodweb ヽ(*＾ω＾*)ﾉ
今さらって言葉あんまり好きじゃない。
初心者はそれを知らないだろうし。
初心者に今さらもクソもないだろうし。
貴重なご意見ありがとうございます。
ある程度学習が進んでいる方でも、なんとなくの理解で済ませていて、どういう状況でどういう使い方ができるのか？がうまく整理できていないままどんどん先に進めていく方も多い印象です。それでいい場合もありますが、絶対配置、相対配置に関してはきちんと理解していないとつまづく場面が多いと私自身実感したことがあるので、この動画を制作いたしました。
必要な知識や理解が不足しているなら、どれだけ長い期間学習していたとしても「脱初心者」はできないと私は思っています。絶対配置、相対配置については、そんな初心者の方でも、実はよくわかっていないなんて「今さら」言い出せないような状況になりやすいと感じていたので、このような表現をしています🙇♀️
勉強になりました。わかりやすくて、ためになりました。作成してくださって(人''▽｀)ありがとう☆感謝しています。💝💫
こちらこそご視聴ありがとうございます！！☺️