XD UIใใถใคใณ+ Clone CodingใคใณใฟใฉใฏใใฃใใฌในใใณใทใWebใใผใใใฉใชใช๏ผ
ๅฎๅใงใใใ๏ผในใฏใญใผใซใซๅฏพๅฟใใใฌในใใณใทใWebใใผใใใฉใชใช๏ผๆ้ซใฎใจใณใธใใขใชใณใฐ
ๅ่ฌ็ 116ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ่งฃๆฑบ
๊ถ๊ธํด์
์น์ 7 ๊ฐ์์์ ์คํฌ๋กค๊ด๋ จ ์์ค์์ ์ ํํ ์๊ณ ์ ์ง๋ฌธ๋๋ฆฝ๋๋ค์๋ ๋ถ๋ถ์์ $.fn ์ ๋ฌด์จ ๋ป์ธ์ง์?ํ
xd์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นssss5042084
ใป
10ใถๆๅ
1
70
2
- ๆช่งฃๆฑบ
XD๋ค์ด ์๋จ
XD๋ค์ด์ด ์ง๊ธ ์๋๋๊ฑฐ ๊ฐ์๋ฐ ์ด๋ป๊ฒ ํ ๊น์..
xd์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นskarnr65987
ใป
1ๅนดๅ
0
83
1
- ่งฃๆฑบ
๊ฐ์์๋ ์๊ด์๋๋์. ์ ๋ง ์ฌ๋ฌ๋ฒ ์๋ํด๋ณด๊ณ ๊ถ๊ธํด์์ฌ์ญค๋ด ๋๋ค.
jquery ์ผ๋ ์๋์ฝ๋๋ก ์๋์ด$(function(){ $(window).on('load scroll', function(){ const header =
xd์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นkbba785883
ใป
1
309
1
- ่งฃๆฑบ
๊ฐ์ฌ๋ ์์ ์๋ฃ๊ณ ์์ต๋๋ค.
ํน์ ์คํฌ๋ฆฝํธ๋ถ๋ถ์ ์ ์ด์ฟผ๋ฆฌ ๋์ ๋ฐ๋๋ผ์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋์ฒด๋ ๋ฌธ์๋ ๊ฐ์๋ฅผ ์ถ๊ฐํด์ฃผ์ค์ ์์๊น์ ^^; ์๋ฌด๋๋ ๋ฆฌ์กํธ๋ ๊ณต๋ถํ๋ค๋ณด๋, ใ ใ
xd์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นkbba785883
ใป
1
363
1
- ่งฃๆฑบ
๊ฐ์ฌ๋ transition-delay ์ง๋ฌธ์์ต๋๋ค
๊ฐ์ฌ๋! ์์ css์์ transition-delay๊ฐ ์์ฑ๋ง ๋ผ ์๊ณ ์ฌ์ฉ๋์ง๋ ์์ ๊ฑฐ์ฃ ?? ๋๋ ์ดํ๊ณ ์ ํ๋ ์์์ ๋๊ฐ์ด ์์ฑ๋ delay00 ํด๋์ค๋ช ๋ง ๋๊ฐ์ด ๋ถ์ฌ์ฃผ๋ฉด ๋๋ ๊ฑฐ ๋ง๋์??
xd์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นleekj9510089605
ใป
1
327
1
- ่งฃๆฑบ
li::after,li::before์ง๋ฌธ์์ต๋๋ค!
๊ฐ์ฌ๋! ์์ 8:45์ด์ฏค์ .sec5_list li + li:after๋ก ๋ผ์ธ์ ๊ทธ์ด์ฃผ๋๋ฐ li:before๋ก ์ฌ์ฉํด๋ ์ฐจ์ด๊ฐ ์๋ ๊ฒ ๊ฐ์์ before๋ก ์ฌ์ฉํด๋ ๊ด์ฐฎ์๊น์?before๋ ๊ฐ์์์๋ฅผ ์์์ ์์ after๋ ๊ฐ์์์์ ๋ค์ ์ฌ์ฉํ
xd์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นleekj9510089605
ใป
1
462
1
- ่งฃๆฑบ
all-menu ์ง๋ฌธ์์ต๋๋ค!
๊ฐ์ฌ๋ navigation layout ๋ง๋ค ๋ allMenuWrap ===> ๋ค์ ํฐ ๋ฐฐ๊ฒฝ์ฉallMenu-inner ===> ํ์ ๋ชฉ๋ก ์ ๋ ฌ์ฉallMenu ===> ๋ชฉ๋ก ๋ฌถ์์ฉ์ด๋ ๊ฒ ์ดํดํ๋ฉด ๋ ๊น
xd์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นleekj9510089605
ใป
1
387
2
- ่งฃๆฑบ
์คํฌ๋กค ๋ด๋ฆด๋ header text ๊ธ์๋๊ป
์ ์๋ ์ง๋ฌธ์์ต๋๋ค.์คํฌ๋กค ๋ด๋ฆฌ๊ฑฐ๋ ์ฌ๋ฆด๋ header์ ์๋ text KR, EN ์ ๊ธ์๊ฐ ํฐ์ ๊ฒ์์์ผ๋ก ๋ฐ๋์์์๊ทธ๋ ๋ฏธ์ธํ๊ฒ ๋๊ป๊ฐ ๋๊บผ์์ง๋ ํ์์ด ์๋๋์๊ฑฐ์ฌ๋ฆฌ๋ค์. ํด๊ฒฐ๋ฐฉ๋ฒ์์๊น์
์ธํฐ๋ํฐ๋ธ-์นXD๋ฐ์ํ-์นkbba785883
ใป
0
318
1
- ่งฃๆฑบ
-webkit-transition
-webkit-transition์ ๊ตณ์ด ์ฌ์ฉํ๋ ์ด์ ๊ฐ ๋ญ๊ฐ์?๋ค๋ฅธ ์ฌ์ดํธ ํธํ์ฑ ๋๋ฌธ์ ์ฌ์ฉํ๋๊ฒ์ธ๊ฐ์?
๋ฐ์ํ-์น์ธํฐ๋ํฐ๋ธ-์นXDblessi0104
ใป
1
324
1
- ่งฃๆฑบ
์์ฑ๋ณธ ํ์ผ
์ ๊ฐ ํ ์์ ๋ฌผ๊ณผ ๊ฐ์ฌ๋์ ์์ ๋ฌผ๊ณผ ๋น๊ตํ๋ฉด์ ์์ ํ๊ณ ์ถ์๋ฐ ๊ฐ์ฌ๋์ด ํ ์์ฑ๋ณธ์ ์์๊น์?
XD์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นblessi0104
ใป
0
279
1
- ่งฃๆฑบ
๊ฐ์ 1๋ถ 30์ด
1๋ถ 30์ด๋ถํฐ ์์ํ๋ html ๋ด์ฉ๋ค์ ์ ๊ฐ ์ง์ ์จ์ผํ๋์ ? ์ด๊ฑด ์ด๋ ํด๋(๋ค์ด ๋ฐ์ ์์ ํด๋ ์ค )์ ์๋ ๊ฑด๊ฐ์
XD์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นjujong86234708
ใป
2
191
1
- ๆช่งฃๆฑบ
display:flex๋ฅผ ์ด์ฉํด์ list๋ฅผ ์ ๋ ฌํ ๋....
์์์๋ ์ฌ๋ฌ๋ฒ ๋์์๋๋ฐ๋ ์ ์ดํด๊ฐ ๊ฐ์ง ์์ต๋๋ค.</
๋ฐ์ํ-์น์ธํฐ๋ํฐ๋ธ-์นXDvok2ds3585
ใป
3
264
1
- ๆช่งฃๆฑบ
์๋ ํ์ธ์ header ์ ํ์ ๊ด๋ จํ์ฌ ๊ถ๊ธํ๊ฒ ์์ต๋๋ค!
์๋ ํ์ธ์ ์ ์๋ ๊ฐ์ ์ ๋ฃ๊ณ ์์ต๋๋ค :) ์ ์ฝ๋๊ฐ ์๋ header์ id์ ํ์๋ฅผ ๋ฃ์ผ๋ฉด ์๋๋๊ฑด๊ฐ์? ๊ถ๊ธํฉ๋๋ค!
XD์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นhnlim22444985
ใป
1
200
1
- ่งฃๆฑบ
ํธํฐ css ์ค์ ๋ถ๋ถ์ ๊ถ๊ธํ ๋ถ๋ถ์ด ์์ต๋๋ค.
์๋ ํ์ธ์. ๊ฐ์ ๊ฐ์ฌํ ์ ์๊ฐํ๊ณ ์์ต๋๋ค. ํธํฐ ๋ด์ฉ์ค์ ๊ถ๊ธํ ๋ถ๋ถ์ด ์์ด์ ๋ฌธ์ ๋๋ฆฝ๋๋ค. ๊ฐ์ ๋ด์ฉ๋๋ก ํธํฐ๋ฅผ ์์ฑํ ํ๋ฉด์ ๋๋ค. <img src="https://cdn.inflearn.
๋ฐ์ํ-์น์ธํฐ๋ํฐ๋ธ-์นXDsongwonchang5112
ใป
1
350
2
- ่งฃๆฑบ
ํด๋์ค ์ ํ์ ๋ฌธ๋ฒ์ค์ ๊ถ๊ธํ ๋ถ๋ถ์ด ์์ต๋๋ค.
ํด๋์ค ์ ํ์ ๋ฌธ๋ฒ์ค์ A B { ... ์ ๊ฐ์ด ์ง์ ํ๋ฉด A์์์ ํ์ B์์๋ฅผ ์ ํํ๋ ๊ฒ์ผ๋ก ์๊ณ ์์ต๋๋ค. ๊ทธ๋ฌ๋ฉด, ์๋์ ๊ฐ์ด ๋์ด์ฐ๊ธฐ ์์ด A.B {... ์
XD์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นsongwonchang5112
ใป
1
228
1
- ๆช่งฃๆฑบ
๋ทฐํฐํ์ด ์ค์นํ๊ณ ์ปจํธ๋กค ์ํธ L ๋๋ฌ๋ ์ ๋ฐ๋๋๋ค ใ ใ
๋ทฐํฐํ์ด ์ค์นํ๊ณ ์ปจํธ๋กค ์ํธ L ๋๋ฌ๋ ์ ๋ฐ๋๋๋ค ใ ใ
XD์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นdudfhd3765
ใป
1
272
1
- ่งฃๆฑบ
๋ฃฐ๋ฌ๊ฐ ๋ฌด์์ธ๊ฐ์??
๊ฐ์ ์ค๊ฐ์ ๋ช ๋ฒ ๋ง์ํ์๋ ๋ฃฐ๋ฌ๋ผ๋ ๊ฒ ๋ฌด์์ธ์ง ๊ถ๊ธํฉ๋๋ค!
XD์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นunknown22
ใป
1
400
1
- ๆช่งฃๆฑบ
ํฐํธ ๋ฑ๋ก์ด๋ป๊ฒํด์ ?
ํฐํธ ๋ฑ๋ก์ด๋ป๊ฒํด์ ?
์ธํฐ๋ํฐ๋ธ-์นXD๋ฐ์ํ-์นseodh12171636
ใป
1
254
1
- ๆช่งฃๆฑบ
์ ค ์ฒ์ ์ฌ๊ฐํ
์ฑ์ฐ๊ธฐ ์๊น์ ์ด๋ค๊ฑด๊ฐ์?
XD์ธํฐ๋ํฐ๋ธ-์น๋ฐ์ํ-์นdudfhd3765
ใป
1
245
1
- ๆช่งฃๆฑบ
๊ทธ๋ฃน ์์ ์๋ ๊ฐ์ฒด ์ ํ
๊ทธ๋ฃน ์์ ์๋ ๊ฐ์ฒด ์ ํ ๋จ์ถํค๊ฐ ์๋์? ์ผ๋ฌ์คํธ๋ ์๋๋ฐ.. ๊ทธ๋ฃน ์์ ์๋๊ฒ ์ ์ ํ ์๋์ ๊ทธ๋ฃน ํด์ ํ๊ณ ์ ํํ์ต๋๋ค.
๋ฐ์ํ-์นXD์ธํฐ๋ํฐ๋ธ-์นdudfhd3765
ใป
1
241
1

