inflearn logo
็Ÿฅ่ญ˜ๅ…ฑๆœ‰
inflearn logo

ใƒ–ใƒผใƒˆใ‚นใƒˆใƒฉใƒƒใƒ—5๏ผˆBootstrap 5๏ผ‰ - ๅŸบ็คŽใ‹ใ‚‰Webใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ‚’ไฝœๆˆใ™ใ‚‹

ใƒ–ใƒผใƒˆใ‚นใƒˆใƒฉใƒƒใƒ—5๏ผˆBootstrap5๏ผ‰ใฎใ‚ฏใƒฉใ‚นใ€ใ‚ณใƒณใƒใƒผใƒใƒณใƒˆใชใฉใฎๆฆ‚ๅฟตใ‚’็†่งฃใ—ใ€ใใ‚ŒใซๅŸบใฅใ„ใฆใ‚ขใƒ—ใƒชใ‚ฑใƒผใ‚ทใƒงใƒณใ€ๅค‰ๅฝขใ€ๅฎŸ็ฟ’ใง3ใคใฎใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆใ‚’ๅˆถไฝœใ—ใฆใฟใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

Bootstrap
Bootstrap
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Design
Web Design
Bootstrap
Bootstrap
HTML/CSS
HTML/CSS
JavaScript
JavaScript
Web Design
Web Design

ใŠ็Ÿฅใ‚‰ใ›

3 ไปถ

  • codingdiy๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏใ€Self-codingใงใ™ใ€‚

    ไฝ•ไบบใ‹ใฎๅ—่ฌ›็”ŸใŒๅ‹•็”ปใ‚’่ฆ‹ใฆๅ‹‰ๅผทใ—ใฆใ‹ใ‚‰ใ‚จใƒฉใƒผ้ƒจๅˆ†ใ‚’ๆ•™ใˆใฆใใ‚ŒใŸๅ‹•็”ป2ๆœฌใ‚’ๆ–ฐใŸใซๆ’ฎๅฝฑใ—ใฆ
    ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ—ใพใ—ใŸใ€‚

    ่ฉฒๅฝ“็ทจใฏใ€
    - ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆ1ใฎใƒˆใƒƒใƒ—ใ‚ปใ‚ฏใ‚ทใƒงใƒณ
    - ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆ3ใฎBlog CTA๏ผ†Carousel sectionไพฟใฎๅ‹•็”ปใงใ™ใ€‚

    ไปฅๅ‰ใซๅ‹•็”ปๅญฆ็ฟ’ใ‚’ใ—ใชใŒใ‚‰ๆททไนฑใ—ใฆใ„ใŸใ“ใจใซใคใ„ใฆใ€ใ‚‚ใ†ไธ€ๅบฆ็”ณใ—่จณใชใ„ใ“ใจใ‚’ใŠไผใˆใ—ใ€
    ใพใŸใ€้…ใไฟฎๆญฃใ€ใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ—ใŸ็‚นใ‚’ๅฏ›ๅคงใซใ”ไบ†ๆ‰ฟใ„ใŸใ ใใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

     

    ใพใŸใ€2022ๅนด11ๆœˆๅ†…ใซWordPressใƒ†ใƒผใƒžใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐ่ฌ›ๅบงใ‚’้–‹่จญใ™ใ‚‹ไบˆๅฎšใงใ™ใŒใ€
    ่ˆˆๅ‘ณใฎใ‚ใ‚‹ๆ–นใฏๅพŒใซใƒฏใƒผใƒ‰ใƒ—ใƒฌใ‚น่ฌ›ๅบงใŒ็ซ‹ใกไธŠใ’ใ‚‰ใ‚Œใ‚‹้š›ใซ้–ขๅฟƒใ‚’ๆŒใฃใฆใ„ใŸใ ใใŸใ„ใจๆ€ใ„ใพใ™ใ€‚

    ใพใŸใŠไผšใ„ใงใใพใ™ใ‚ˆใ†ใซใ€‚

    2022ๅนด10ๆœˆ31ๆ—ฅๆ›ดๆ–ฐใ€‚

    1
  • codingdiy๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    4ๅˆ†53็ง’86ใƒฉใ‚คใƒณใซใ‚ฏใƒฉใ‚นใ€Œcol-col-sm-10ใ€ใงใ‚ฟใ‚คใƒ—ใ—ใพใ—ใŸใŒใ€

    col-sm-10ใงไฟฎๆญฃใ—ใพใ™ใ€‚

     

    ใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐใซๅ…ฅใ‚‰ใชใ‹ใฃใŸใฎใง็”ณใ—่จณใ‚ใ‚Šใพใ›ใ‚“ใ€‚

     

    ๅ—่ฌ›็”Ÿใฎใ†ใกใ€Œไพกๅ€ค็”Ÿๆดปใ€ๆง˜ใŒใ€ใ”ๆŒ‡ๆ‘˜ใ„ใŸใ ใใพใ—ใŸใ€‚

    ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™ใ€‚

    0
  • codingdiy๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏใ€‚

    ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆ1ใฎIntro Section่ฌ›็พฉๅ‹•็”ป10:11้ ƒใซcssใ‚ณใƒผใƒ‡ใ‚ฃใƒณใ‚ฐไธญใซ่ชคๅญ—ใŒใ‚ใฃใŸใฎใงใ”ๆกˆๅ†…ใ„ใŸใ—ใพใ™ใ€‚

    74็•ชใ‚ณใƒผใƒ‰๏ผš

    #intro .intro-first-card .overlay a { transition: hover 0.4s ease; }

    ใจ่ชฌๆ˜Žใ—ใฆใ„ใพใ™ใŒใ€ๆฌกใฎใ‚ˆใ†ใซไฟฎๆญฃใ—ใฆใใ ใ•ใ„ใ€‚

    #intro .intro-first-card .overlay a { transition: color 0.4s ease; }
    0

๏ฟฅ2,893