Upgrade to Pro — share decks privately, control downloads, hide ads and more …

single page

Masateru YOSHIMURA
November 30, 2020
860

single page

Masateru YOSHIMURA

November 30, 2020
Tweet

Transcript

  1. ϖʔδͷ಺༰ΛTFDUJPOλά JEͰ෼͚Δͱ؅ཧ͠΍͍͢ ಋೖ ϝχϡʔ ਎ʹͭ͘ྗɾֶͼํ কདྷͷਐ࿏ तۀՊ໨঺հ ଔۀੜ70*$& 2" <section

    id="manabi"> …͜ͷηΫγϣϯ಺༰… </section> <section id="future"> …͜ͷηΫγϣϯ಺༰… </section> <section id="subject_intro"> …͜ͷηΫγϣϯ಺༰… </section> <section id="voice"> …͜ͷηΫγϣϯ಺༰… </section> <section id="qa"> …͜ͷηΫγϣϯ಺༰… </section> TFDUJPOλάͰϖʔδͷ಺༰͝ͱʹ෼͚ΔɻͦΕʹJEʢ໨ҹʣΛ෇͚Δɻ JEͷ஋͸ࣗ෼ͰܾΊ໋໊ͯ͢Δɻϖʔδ಺Ͱճ͔͠༻͍ͯ͸͍͚ͳ͍ɻ JEʹ࢖͑Δจࣈ͸൒֯খจࣈͷΞϧϑΝϕοτɺ਺ࣈɺϋΠϑϯͱΞϯμʔείΞͷΈɻ ๯಄͸ඞͣΞϧϑΝϕοτͰ͋Δඞཁ͕͋Δɻ
  2. γϯϓϧͳϖʔδߏ੒Ͱ࿅शͯ͠ΈΑ͏ ϝχϡʔ ࣗݾ঺հ ͓ؾʹೖΓ ΠϯλϏϡʔ <section id="about"> …ࣗݾ঺հ… </section> <section

    id="favs"> …͓ؾʹೖΓͷ঺հ… </section> <section id="interview"> …Q&AܗࣜͷΠϯλϏϡʔ… </section> ˞OBWλά͸OBWJHBUJPOʢφϏήʔγϣϯʣͷུ <nav> <div class="btn"><a href="#about">ࣗݾ঺հ</a></div> <div class="btn"><a href="#favs">͓ؾʹೖΓ</a></div> <div class="btn"><a href="#interview">ΠϯλϏϡʔ</a></div> </nav> ͱJE ͷؔ܎Λ ཧղ͠Α͏
  3. posf t0 l0 w100p ϝχϡʔͷݻఆํ๏ ϝχϡʔΛಉ͡৔ॴɺྫ͑͹ը໘্෦ʹݻఆͰදࣔ͢Δʹ͸ɺ࣍ͷΑ͏ʹ$44Λॻ͘ɻηοτͰ֮͑Α͏ɻ λϒΩʔʹΑΔల։͸࣍ͷ௨Γ nav { position:

    fixed; top: 0; left: 0; width: 100%; } ϖʔδͷઌ಄΁δϟϯϓ͢Δ ͜ͷΑ͏ͳϘλϯ ʢը໘ӈԼʹݻఆʣͷ৔߹͸ $44ΛͲͷΑ͏ʹมߋ͢Δʁ ௐ΂ͯΈΑ͏ɻ