๐๐๐๐๐ ๐บ๐๐ | QUOITWORKS Inc.
@kon_corder
Followers
2,561
Following
426
Media
611
Statuses
6,120
QUOITWORKS() ็่ญทๅธซโใจใณใธใใข & ใใฃใฌใฏใฟใผ ใใพใซCGไฝใใพใใ โ๏ธ ใใใฏใใญใฐ: Zenn Web้ข้ฃใฎๆ ๅ ฑ็บไฟกใๅคใใงใใ
Joined November 2021
Don't wanna be here?
Send us removal request.
Explore trending content on Musk Viewer
Hamas
• 952578 Tweets
Milton
• 655374 Tweets
Florida
• 601489 Tweets
Chilpancingo
• 217005 Tweets
Call Her Daddy
• 177371 Tweets
Category 5
• 142431 Tweets
DeSantis
• 124039 Tweets
Rigathi Gachagua
• 118846 Tweets
Cat 5
• 85041 Tweets
Atlantic
• 58737 Tweets
Polymarket
• 57173 Tweets
Floridians
• 43489 Tweets
Flies
• 42556 Tweets
Doocy
• 36256 Tweets
Orlando
• 30970 Tweets
emilia
• 28754 Tweets
Dragon Ball Z
• 26860 Tweets
Yucatรกn
• 24968 Tweets
Doc Harris
• 24867 Tweets
Tampa Bay
• 21638 Tweets
Cissy Houston
• 18954 Tweets
ูุงุณุฑ
• 18396 Tweets
Coachella
• 15019 Tweets
#ูุฒุนู_ุงูุดุนุจ_ุงูุณุนูุฏู
• 14920 Tweets
Vtubers
• 12689 Tweets
Cat 6
• 12198 Tweets
Shams
• 10649 Tweets
Pinned Tweet
ใใกใๅฎ่ฃ
ๅ
จ้จๆ
ๅฝใใพใใ๏ผ๐
ใชใใจใๅฎ้ใงใใฆใๆๅใงใใใ๏ผ
ใใฎ่ฆๆจกใฎใตใคใไธไบบใงๅฎ่ฃ
ใใใฎใ
ใใพใ็ต้จใชใใฎใงใใใกใใใกใๅๅผทใซใชใฃใ๏ผ๏ผ
ใใใใใใใซใขใใใใผใใใฆใใใฎใง
ใๆฅฝใใฟใซ๏ผ๏ผ๐๐
4ๅนดใถใใซๅผ็คพใฏใชใผใใฏใผใฏในใฎใตใคใใใชใใฅใผใขใซ่ดใใพใใ๏ผ
ใใผใใฏใบใใชใๆฎๆฎตใๅฎขใใพใธๆไพใใฆใใไบ่ชไฝใๅพนๅบ็ใซ่ช็คพใตใคใใง่กใไบใใงใใ
ๆใใ่จญ่จใใใฃใฌใณใธใณใฐ้ใใๆ
ใซๅฎๆใใฆๆๅใใฆใพใ๐ญ
ๅๅ้ ใใ็ๆงๆฌๅฝใซใใใใจใใใใใพใใ๏ผ
3
54
541
5
14
229
ๆจๆฅใBlenderใๅงใใฆใฟใใใจ่จใฃใฆใใ ๏ฟฝ๏ฟฝใฃใๆนใ
ใธ
ไฝใๅใใใชใใจใ่จใใใใใงใฏใใใใพใใใ
ไธใค่จใใใจใใใ
ใใผใใใไฝใใจใใใใๅงใใใฎใใใใใใงใ
้ฃใใใงใใใๅ
จใฆใๆบ้ใชใ็ถฒ็พ
ๅบๆฅใพใ
ใใผใใใไฝใใใฃใๆนใฏใใใไฝใๆใใใใพใใ
1
404
3K
ใใใญในใใจ่ๆฏใซ็ด็ฒใช้ป (
#000000
) ใไฝฟ็จใใไปฃใใใซใ
ๅฎๅ
จใช้ปใไฝฟ็จใใฆใฏใใใชใ็็ฑใจใไปฃใใใซไฝฟ็จใใใ่ฏใ่ฒใฎใซใฉใผใณใผใใ็ดนไปใใฆใใใฆใใ๏ผ
ๅฎๅ
จใช้ป่ๆฏใซ็ฝๆๅญใไนฑ่ฆใ ใจใผใใใใฎใ
ใใญใผๅนๆใฏๅใใฆ็ฅใฃใใช
1
252
2K
UIใใถใคใณใฎๅบๆฌใซใผใซใซใคใใฆ
25้
็ฎใงใพใจใใฆใใฃใฆ
้ๅธธใซๅญฆใณๆทฑใ๏ผ๏ผ
0
142
2K
ใใฎใตใคใใ่ฒใใชใใฏในใใฃใใใฃใฆ
ใซในใฟใใคใบใใงใใใใใใใชใใขใใ๏ผ๏ผ
Blenderใฏใใกใใใๆฎ้ใซ็ด ๆใจใใฆใใใฃใกใไฝฟใใใ๏ผ๏ผ
0
105
957
ใคใใซCSSใ ใใงใชใขใซใฟใคใ ใซ็ป้ขๅน
ๅๅพใใฆ
่จ็ฎใซไฝฟใใใใใซใชใฃใฆใใใฎใ
atan,tanใฎๆฏ็ใ ใๆฑใๆง่ณชไฝฟใฃใฆ
ๅไฝ้คๅปใใใฎใฏๅคฉๆใใใใใ๏ผ๏ผ
ใใใใใใใชใใ ใใฉ
counter-resetใซใvw,vhใๆใคๅคๆฐๅ
ฅใใฆ
ๆฌไผผ่ฆ็ด ใฎcontentใๅ็ใซๆธใๆใใฆใใฎใใใฐใ
1
86
838
Googleใๅ
ฌ้ใใฆใใใ
Webๅถไฝใ้็บใซ้ขใใๅญฆ็ฟใณใผใน
ๅบๆฌ็ใชใใจใ็ถฒ็พ
็ใซๅญฆในใใใใจใฆใใใใใใ๏ผ๏ผ
ๆ นๆฌใฎใจใใใใใฃใใ็่งฃใใฆๅฐ็คๅบใใใฎใซๆ้ฉใใ(่ชๆ)๐๐
0
69
815
ใใ่ฆใใใใฃใฆใๆๅคใจใณใผใๅฐใชใใฆใงใใใใ ใชใใ
ๆไฝ้ๆฉ่ฝ็ใช้จๅใฏใใใ ใใ
.wrapper{
display: flex;
.target{
flex:0.5;
transition:flex 0.4s;
&:hover{
flex:2;
}
}
}
0
75
685
ใใCSSใ ใใงใงใใ!
็ฎๆฐใกใใฃใจ้ฃใใใฃใใใ
5
46
639
็ปๅใใขใใฏใขใใใซ่ชๅใงๅฝใฆใฏใใฆ
ใใฃใกใใซในใฟใใคใบใงใใใตใคใ๏ผ
ใขใใฏใฎ็จฎ้กใใใใชใใซใใฃใฆใ็ฐกๆ็ใซไฝใๆใซใฏ
ใใใ ใใงใใชใไบ่ถณใใใใ๏ผ๏ผ
1
47
534
ใใฉใผใ ้ไฟกใใฟใณใฎใฉใใซใจใใฆ
ใ้ไฟกใใจใใใใใ
ใไพ้ ผใใใใใ็ธ่ซใใใ
ใฎใใใซใใฆใผใถใผใๅใใใ่กๅใซใใใจ
CVRใ300%ไปฅไธใๅคใใใฎใ
็ขบใใซใฆใผใถใผใฏใไพ้ ผใใใใใฎใงใใฃใฆ
ใ้ไฟกใใใใ่จณใงใฏใชใใใใช
ใใใๆฌๅฝใฎ้กงๅฎข่ฆ็นใใช๐ง๐ง
2
43
473
ใใถใคใณใใใใจใใซใไฝใซๆณจๆใๆใฃใฆไฝๆใใในใใใ
UIๅไฝใงใใงใใฏใชในใๅฝขๅผใงใพใจใใฆใใใฆใใใตใคใ
ใใงใใฏใชในใใซๆใใฆใใๅ
ๅฎนใซ้ขใใฆใใ
ๅ็
ง่จไบใชใณใฏใๆฒ่ผใใฆใใใฆใใใ
่จไบ่ชญใใ ใใงใใใชใๅๅผทใซใชใ๏ผ๏ผ
1
36
421
ใใใใฃใกใใใใซใชใใใJSๅไธใใใใ
็นใซ็ฌๅญฆ่ทฏ็ท็ชใฃ่ตฐใฃใฆๅ
่ผฉใใชใ็ฐๅขใฎๅใฟใใใชไบบใฏ่ชญใใ ๆนใใใใจๆใฃใฆใใ
ใณใผใใฎๅฏ่ชญๆงใๅคงไบใ
ใJavaScriptใใณใผใใฎ่ฆ้ใใ่ฏใใใ็บใซๆ่ญใใฆใใไบ10้ธ๏ฝkata
#zenn
2
46
391
CSSใฐใชใใใธใงใใฌใผใฟใผ
ใใฉใใฐใง่ฆ็ด ใตใคใบ่ชฟๆดใงใใฆ็ดๆ็ใงไฝฟใใใใ๏ผ
2
37
358
ใ็พใใUIใใถใคใณใฎใใใฎ58ใฎใซใผใซใ
ไธใคไธใคใฎ้
็ฎใใใกใใใๅๅผทใซใชใใใ ใใฉ
ๅ ใใฆใๆไธญใซๅซใพใใฆใ้ข้ฃ่จไบใ
ใใๆทฑๆใใใฆๆธใใฆใใใใใใใกใใใกใๆใฃใฆ่ฏใ๏ผ๏ผ
0
31
353
Webใงใงๅฝใใๅใฎใใใซ่ฆใใใUI
ใฟใใซใคใใฆใๅบๆฌ็ใชๅฎ็พฉใใ
ใฆใผในใฑใผในใๆณจๆ็นใพใง็ถฒ็พ
็ใซ่งฃ่ชฌใใฆใใ่จไบ
ใใใพใง่ฉณ็ดฐใซๆใไธใใฆใใ่จไบใฏใชใใชใ่ฆใชใใใ
ใใชใๅๅผทใซใชใฃใ๏ผ๏ผ
0
27
354
clip-pathใ็จใใ็ปๅ่กจ็คบๆผๅบใฎๅฎ่ฃ
ไพ
็บๆณใฎใใณใใซ่ฏใใใใใ๏ผ
2
32
337
่ฒใใช็จฎ้กใฎใใถใคใณใทในใใ ใ
UIๅไฝใงใพใจใใฆใใใฆใใใตใคใ
ๅใใถใคใณใทในใใ ใฎใใญใฅใกใณใใฎไธ่ฆงใๆฒ่ผใใคใคใ
ใใฎUIใซ้ขใใ่งฃ่ชฌใ่ผใฃใฆใใใฎใง
ใใกใใใกใๅๅผทใซใชใ๏ผ๏ผ
(็ปๅใฏใขใณใผใใฃใชใณใฎไพ)
(ใขใณใผใใฃใชใณใ ใใง99ไพใใใใชใฅใผใใผ๐๐)
0
45
338
้ทๅนดใฎ็ๅใใคใใซ่งฃๆฑบใใใใใ
ใใใฉใซใใฎ็ ด็ทใใๅ็พใงใใชใๆ
่งไธธใจใฎใใใซใใณใใใใใฃใใSVGใงๆ็ปใใใฐใใใฃใใฎใ
ใพใไธใคๅญฆใณใๅขใใใช๏ผ๐คฒ
1
24
331
่ฆใใฐ่ฆใใปใฉใใใกใใใกใใซ่ฏใ๏ผ๏ผ
ใปใใฟใณใฎใฌในใใณใน0.21็งใจใใไฟๆใ
ใปใใญใผใฎ่ฉณ็ดฐใใใผใซใใใใง่กจ็คบใใใใใๅ็็ใชUI
ใปๆก็จไธๅฑค็ฌ่ชใฎPCใใใ ใใใงๅ้ๆง็ๅข
ใป่จไบใฎใซใใดใชไธ่ฆงใใผใธใธใฎ้ท็งปๅ็ทใ
ใใญใผใฏใผใใใๆขใใใจใใใณใใผใงใใ็ดๆ็ใซ๏ผ
ๆๅญ้่ถณใใช
ใญใธในใใฃใฏในใตใผใในใๆไพใใใใญใใใณใฐใซใผใใใฎใณใผใใฌใผใใตใคใใๅถไฝใใพใใใ
ใใฉใณใใฃใณใฐใจไบบๆๆก็จใๅผทๅใใใใใซใ็ฉๆตใไธญๅฟใจใใๅคๅฒใซใใใใญใธในใใฃใฏในใตใผใในใงใๅฎขๆงใฎไบๆฅญๆ้ทใๆฏๆดใใใฐใซใผใใฎ็ๅฟตใไบๆฅญๅ
ๅฎนใไผใใฆใใพใใ
1
7
105
1
17
314
ใชใใชใ่ฆใชใใฟใคใใฎใขใณใผใใฃใชใณ็UI๏ผ
ใใใฏ็บๆใ ใใ๏ผ๏ผ๐ก
ใใผใใใฉใชใชใตใคใใง
ใฌใคใขใฆใใใชในใใจใฐใชใใๅใๆฟใใใใใใใซ
ใใฆใใจใใใใ
็ดฐ้จใธใฎ้
ๆ
ฎใๆใใฆใใใใใใใ
1
23
304
ใใฎใญใฉใญใฉๆใใใใชใใ
ใใฎใฐใฉใใฎ่ฒใฏใใถใคใณๅญฆใฐใชใใจๅบใฆใใชใ
ๅ
ใตใคใ:
1
14
285
ๅใใใฉใผใฎๆใๆนใงใ
filter:blurใงใใใใใ
ไธใซ่ฆ็ด ๆทใใฆbackdrop-filter:blurใงใใใใใง็ตๆง้ใ
filterใใใใ ใใ ใจใจใใธใซ็ฝใฃใฝใๆพฑใฟใใงใใกใใ
โfilter ใใbackdrop-filterโ
1
16
274
ใใถใคใณใซใใใซใจใฃใฆใใใฏใใใใใ
ใใฉใณใๅบๆบใ่จญใใใ
้ๅฑคใใจใฎใใฉใณใใตใคใบใ็ๆใใฆใใใใใผใซ
type-scale
2
38
263
็ช็ถใงใฏใใใพใใ๏ผ๏ผ๏ผ
ๆฌๆฅใ็กไบๅ
ๅฎใ้ ใใพใใใใจใ
ใๅ ฑๅ่ดใใพใ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ
่ปข่ทๆดปๅใๅฟๆดใใฆใใ ใใฃใๆนใ
ๆฅ้ ใใ็ฅ่ญใใฌใๅใใฆใใ ใใฃใฆใใๆนใ
ๅคงๅคใใใใจใใใใใพใใ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ
ๆฐใใช่ทๆฅญใซใชใใพใใฎใง
ใฏใฏใฏใฏใจใใญใใญใจใงใใ
ไปๅพใๆฅใ
้้ฒใใใใพใ๏ผ๏ผ
16
0
251
ใใใฉใณใธใทใงใณใขใใกใผใทใงใณ: ๅฎ่ทตใฌใคใใ
ๅ
ทไฝไพใๅ็ปไปใใง่ฉณ็ดฐใซ่งฃ่ชฌใใฆใใใฆใใ่จไบ
ใใชใ็ดฐใใ่จ่ชๅใใใฆใใใฎใงใ
้ ็ชใซ่ฉฆใใ ใใงใใใกใใใฉใใใๅใใไฝใใกใใใใ๏ผ
ๅใใงใตใคใใฎๆนๅๆงใ็คบๅใใใฎใฏ
ใชใใปใฉ็ดๅพใใใ๏ผ๏ผ๐ง
0
21
261
ใใใใใฎใชใชใชใผในใงใใใฌใใซใซๅฐ้ใใใฎใง
ใใชใชๅบใใพใ๏ผ
ใจใใใใURLใจๅ็ปไนใฃใใฆ
ใใชใผใซ่ฒใ
ๆธใใใใจๆใใพใใ
3
5
251
ในใฏใญใผใซใงKVใๆใใชใฃใฆใกใคใณใณใณใใณใใซ่ฆ็ท่ชๅฐใใใฎใใฃใกใใคใค๏ผ๐
2
7
248
ๅใใฎๅ่้ใใซNotionใใผใฟใใผในไฝฟใฃใฆใใใฉ
ใฟใฐๆฏใซใฝใผใใงใใใใgifใตใ ใใซใใใจ
ไธ่ฆงใงๅใใ่ฆใใใใใใชใๅฟซ้ฉ๏ผ๏ผ
0
10
247
propertyไฝฟใฃใใใCSSใง่ฒใใขใใกใผใทใงใณใใใใใใฎใใใ๏ผ
7/9ใซไธป่ฆใใฉใฆใถใในใฆใงใตใใผใใใใใใใชใฎใง
ใใญใธใงใฏใใฎ่ฆไปถๆฌก็ฌฌใงใฏใ
ๅไบบ็ใซไฝฟใๅงใใฆใฟใฆใ่ฏใใใใใใชใใใ๏ผ
1
25
241
ๅนๆ็ใชWebใใถใคใณใฎใใใฎ 14ใฎUXๆณๅ
ๅ
จใใใฃใฆ่ใ่ฆใใชใใฆ
่ชๅใฎ็ก็ฅใๆฅใใ๐๐
CVใใฟใณใฏใงใใใ่ฟใ
้ธๆ่ขใฏๅฐใชใ
1ใปใฏใทใงใณใซใณใณใใณใใฏ 7 ยฑ 2ๅ
ไฝฟใๆ
ฃใใUIใฏๅฅใ่กใใชใ
ใฆใผใถใผใซๅฏพใใฆCVใพใงใฎ้ฒๆใๅฏ่ฆๅใใ
ๆไฝใซๅฏพใใๅๅฟใฏ400msไปฅๅ
0
28
240
๐โโ๏ธNetflixใฎใใฉใผใ ใใใกใใใกใใซ่ฏใ๏ผ๏ผ
ๅพนๅบ็ใช้กงๅฎข่ฆ็นใงใใฆใผใถใผใฎไธๅฎใจ่ฒ ๆ
ใ
ๅใ้คใใใจใซๆณจๅใใใฉใคใใฃใณใฐใจ่จญ่จใซใชใฃใฆใฆ
ๅๅผทใซใชใใใใ๏ผ๏ผโ๏ธโ๏ธ
้ข่ฑใใๅใซใใกใผใซใขใใฌในใๅๅพใใใใจใง
้ไธญ้ข่ฑใใใฆใใใใฉใญใผใขใใใกใผใซใใงใใใฎใใๆใใใชใ..!!
0
14
237
ใกใชใฟใซใกใชใฟใซ
Noitonใธใฎไฟๅญๆนๆณใฏ
chromeๆกๅผตๆฉ่ฝใฎsave to notionใงใใผใฟใใผในๅ
ใซใใผใธไฝใฃใฆ
ใในใฏใใใใขใใชใฎใDropbox Captureไฝฟใฃใฆ
shift + option + Gใงไธ็บGIFๆฎๅฝฑใใงใใพใ๏ผ
ใใกใใใกใๆใใฎใง่ฉฆใใฆใฟใฆใใ ใใ๐ซถ๐ซถ
ๅใใฎๅ่้ใใซNotionใใผใฟใใผในไฝฟใฃใฆใใใฉ
ใฟใฐๆฏใซใฝใผใใงใใใใgifใตใ ใใซใใใจ
ไธ่ฆงใงๅใใ่ฆใใใใใใชใๅฟซ้ฉ๏ผ๏ผ
0
10
247
0
24
232
ใใใฏ็ฅใใชใใฃใใใ
ใใฒใใใใใใใจใใใใใพใ๏ผ๐โจ
ใWordPressใใใฉใฐใคใณใชใใงใญใฐใคใณใปใญใฅใชใใฃใๆ ผๆฎตใซ้ซใใๆนๆณ
2
23
206
็ฌๅญฆใงwebๅถไฝใฎๅๅผทๅงใใฆ
ใใใใ1ๅนดใใใ่ชฐใซใ็ธ่ซใงใใใซ
ๆซๆใใชใใใปใใจ็ฌใใงใใฃใฆใใใใใใฉ
ใฒใใฃใจใใฆๅใ้ผใกใณใฟใซ๏ผ
#web
ใใถใคใณ
#Web
ใใถใคใใผใจ็นใใใใ
#้งใๅบใใจใณใธใใขใจ็นใใใใ
5
3
215
GSAPๆฅฝใใใฆ็ฅใใใ
scrubใซๆฐๅญๆๅฎใใฆไฝ้ปใคใใใใใฎ็ฅใใใใฃใใใ
2
10
205
ใ้ฉๅใชใขใณใผใใฃใชใณใขใคใณใณใฎๆค่จผใ
ใขใคใณใณ่ฒใใชใใฟใผใณใใใฃใฆ
ใฉใใ่ฏใใฎใใใใใชใใฃใใใฉใ
ๅฎ้ใซๆค่จผใใฆใใใฆใใใใใ
ไฟก้ ผๆงใใฃใฆ่ฏใ๏ผ๏ผ๏ผ
็ต่ซใใญใฃใฌใใ(ไธๅใ็ขๅฐ)ใไธ็ช
ใขใณใผใใฃใชใณใๅฑ้ใใใจ็่งฃใใใฆใผใถใผใๅคใใฃใใฟใใ
1
28
200
ใCSSในใใใใใ
ใใใใชUIใณใณใใผใใณใใใขใใกใผใทใงใณไปใใง
ใฎใฃใฉใชใผใซใชใฃใฆใใใตใคใ๏ผ
Reactใจใtailwindใฎใณใผใใใใใใคใใใฃใฆ
็ตๆงไพฟๅฉ๏ผ๏ผ
ใใใฆใๆฎ้ใซๅๅผทใซใชใ๐ง
0
21
192
ไปๆฅใใๅถไฝไผ็คพ็บๅบๅคใงใ๏ผ๏ผ
ใใใใ็ฌฌไบใฎไบบ็ใๅงใพใใผใผใผใผ๏ผ๏ผ
๏ผ็ทๅผต๏ผ
4
0
184
ใใ ใจใธใงใชใผๅฑใฎใตใคใ
ในใฏใญใผใซใคใณใธใฑใผใฟใผใใใ ใจใธใงใชใผใซใชใฃใฆใฆ
ในใฏใญใผใซใใใฏใใใจใกใใใจๅ่ปขใใใฎ
ๆใใจ้ใณๅฟใฎๅกใงๅฅฝใ๐ซถ๐ซถ
0
18
188
SVGใใฃใซใฟใผใ็จใใใใญในใใจใใงใฏใใ
็ดนไปใใฆใใใฆใใ่จไบ๏ผ
ใฝใผในใณใผใใ่ฆณใใใฎใงใใชใๅๅผทใซใชใ๏ผ๐
0
14
184
ใฟใคใใฐใฉใใฃใซ้ขใใ็จ่ช้34ๅ๏ผ
ใใ็ฅใฃใฆใใใใฎใใใๅ่ณใฎใใฎใพใง
ใพใจใใฆใใฃใฆใใ๏ผ๏ผ
่ชฟในใใจใใซใ่ชฟในๆนใใใใชใๆใใใใ
ใใใใๆไพฟๅฉใ ใช
(letter-spacingใจใซใผใใณใฐใไฝ็ฝฎ้ใใฎๅ่ณใใ)
0
17
184
ๆๅญๅใฎๆใ่ฟใใ
ใใใใชๆๅฎใฎไปๆนใใใใใใๆฐใใใฆใใใฎใง
ไธ่ฆงใงใพใจใใฆไธใใฃใฆใใใฎใใจใฆใใใใใใ๏ผ๏ผ
ใใถใคใใผใใใจใฎใใๅใใใ
ใใใใชๆใใ่ฏใใงใใ๏ผใ
ใจๅ
ฑๆใใชใใใงใใใฎใง้ๅฎใใฆใใใพใ๏ผ๏ผ๐โโ๏ธ๐โโ๏ธ
0
19
179
ใใผใธใใผใทใงใณใใถใคใณใฎใในใใใฉใฏใใฃในใซ้ขใใ่ๅฏ
่บซใฎๅใใซใใใใใฆๅ
จ็ถๆ่ญใใฆใชใใฃใ
ใใผใธใใผใทใงใณใจใใ็ตใฃใๅ
ๅฎนใง
ใใใ ใๆใไธใใฆ่ๅฏใใฆใใฎๅใใใ๏ผ
ไธญ่บซใใใชใๅคใๆใฏใใใผใธใใผใทใงใณใไธ้จfixed้
็ฝฎใใใฃใฆใใใฎ
็ฎใใ้ฑ๐
0
20
174
CSSใงๅฎ่ฃ
ๅฏ่ฝใช่ฒใใชใใฟใผใณใๆฒ่ผใใใฆใใใตใคใ๏ผ
ใใใชใใฎใพใงCSSใง่กใใใฎใใฃใฆใใฎใฐใใใง
ใใชใๅญฆใณๆทฑใใใ
CSSใฎๅฏ่ฝๆงใๆใใ!!
0
13
173
ใฃใฃใฃใฑ่ชไฝใฎใฏใฉในไฝฟใฃใฆใขใใกใผใทใงใณใใ๏ฟฝ๏ฟฝ๏ฟฝใใใจใญใขใใใใผใผใผใผใผ๏ผ๏ผ๏ผ๏ผ๏ผ
(background-clip:textๅฎๅ
จใซ็่งฃใใ)
1
12
167
mask-image: linear-gradient
ในใฏใญใผใซใงใใใใจใใฆใผใถใผใซไผใใใใใซ
ๅฅฅ่กใๆ่กจ็พใงใใใฎ้ๅธธใซใใใใ
ๆฑ็จๆง้ซใ
(่ๆฏ่ฒใซ๏ฟฝ๏ฟฝใใฆไปปๆใฎใจใใใซๅฝฑไฝใใ)
2
15
168
ๆตทๅคใตใคใใฎไธญใฎใๅใใซใใฉใผใซในใใฆ
้ใใใฎใฃใฉใชใผใตใคใ๏ผ
ใใใฏใคใณใฟใฉใฏใทใงใณๅ่ๆขใใซใใกใใใกใใซใใ๏ผ๏ผ
ใซใใดใฉใคใบใใใใฆใใใใไพฟๅฉ๏ผ๏ผ
0
23
157
ใๅ
ฅๅใใฉใผใ ใฎใใถใคใณใปUXใ้ซใใ15ใฎๆนๆณใ
ใใฉใผใ ใ่จญ่จใใไธใง่ๆ
ฎใในใ็นใใพใจใใใใฆใใฆ
ๅๅผทใซใชใ๏ผ
้ธๆ่ขใๅฐใชใใจใใฏใใใญใใใใฆใณไฝฟใฃใกใใใจใ
้ใใฎใซ1ใฏใชใใฏๅฟ
่ฆใงใใฆใผใถใผใฎๆ้ใๅขใใใใ
ๆๅใใๅ
จ้จๅบใใฎใ่ฏใใญ๏ผ๏ผ๐๐
0
10
150
ๅผ็จ็ฌฆใ็ไผผ่ฆ็ด ใง่กจ็พใใใจใ
contentใฎๅคใงใ
open-quote,close-quoiteใจใใใใฎใใใใชใใฆ
ๅ่ณใใใฆ็ฎใใ้ฑๆบขใใใใ
ใใใใlangๅฑๆงใซๅใใใฆใใฎ่จ่ชๅบๆใฎๅผ็จ็ฌฆใๅบๅใใใใฟใใ๏ผ
็ฅใใชใใใจใๅคใใใฆใๆตทใ
1
14
147
ใใCSSใ ใใงใงใใใฎใใใช
activeๆใซ่ๆฏ็งปๅใใใฎใฏๅ้กใชใใงใใฆ
hoverๆใซ่ๆฏ็งปๅใใใฎใcssใ ใใง
ๅคๆฐไฝฟใฃใฆใใญใใๅใใฆใฟใใใฉ
ๅคใฎไฟๆใ็ก็ใ ใใใๅบๆบไฝ็ฝฎใซๆปใฃใกใใ
0
8
146
ใฆใผใถใผใฎใใใคใน่จญๅฎใซๅฟใใฆใ
CSSใๅบใๅใใใใใฏใจใช
ใใใชใซใใฃใใฎใฏ็ฅใใชใใฃใใใ๏ผ
ใปprefers-reduced-transparency
ใปprefers-reduced-motion
ใปprefers-contrast
ใปprefers-color-scheme
ใปprefers-reduced-data
ใณใณใใฉในใใฎใฏใไฝฟใๅๆ่ฏใใใ๏ผ
0
15
137
linear-gradientไฝฟใฃใใ่คๆฐ่กใฎไธ็ทใงใใขใใกใผใทใงใณใใใใใใใ ใช
ใใฎใฏไฝฟใใใใ ใใ
2
13
136
ใกใใฅใผใใถใคใณใฎๅบๆฌใซใผใซใซใคใใฆ
17้
็ฎใงใพใจใใฆใใ่จไบ๏ผ๏ผ
่จใใใฆใฟใใฐๅฝใใๅใ ใใฉใ
ๆฐใใคใใชใใจๆผใใใกใชใใฎใใใฃใฆ
ใใงใใฏใชในใใจใใฆไฝฟใใใใใ๏ผ๐ค๐ค
0
12
137
่ปฝใใพใจใใพใใ๏ผ
่ถ
็ตถๆฆ่ฆ็ใชใใจใใๆธใใฆใชใใฎใงใ
่ชฟในใ่ถณๆใใ็ใชใฎใซใชใใใฐๅฌใใใงใ๏ผ
ๅคใชๅคใชBlender็ๆดปใฎๅงใๆน๏ฝใฉใกใณใงใใ
#zenn
1
18
135
ใใใผๆใซๆฅๆฌ่ชใซใชใใใฆในในใใผใซใผ้ข็ฝใใช
ๅ็พใใฆใฟใใ
0
9
133
ๅฐๅณใซใใใposition:stickyใฎ็ฝ
ใป่ฆช่ฆ็ด ใซoverflow:hidden
โclipใซใใ
ใป่ฆช่ฆ็ด ใฎ้ซใใๆๅฎใใฆใชใ
ใปsticky่ฆ็ด ใฎinsetๅคใๆๅฎใใฆใชใ
ใปsticky่ฆ็ด ใใณใณใใใใๅคงใใ
ใปflexใณใณใใใซ้ซใใๆๅฎใใฆใชใ
ใปflex,gridใงalign-items:flex-startใๆๅฎใใฆใใชใ
0
12
134
sectionใฟใฐใจใใฎไธญใฎใปใฏใทใงใณใฎใฟใคใใซใ็ดใคใใใซใฏ
hใฟใฐใซid ใใคใใฆ
sectionใซaria-labelledby=โidโ ใจใใ
ๅฟใใใกใ ใใใกใข
1
12
133
ๆ่ฟใใใฃใฆใใใฉใคใใใใฏใชใใงใใ
JSใณใณใใผใใณใๅ
ใงใซใผใฝใซๅบงๆจใ:rootใฎCSSๅคๆฐใซๆ ผ็ดใใฆใใใฆ
mousemoveใคใใณใใ็บ็ซใใใใใณใณใใๅ
ใงใ ใ
ๆดๆฐใใใใใซใใฆใใฐ
CSSๅดใ ใใงใซใผใฝใซ้ฃๅใขใใกใผใทใงใณๅฎ่ฃ
ใงใใฆ
็ฒพ็ฅ่ก็ไธใใใงใใใใใ
1
11
132
ใขใฏใปใทใใชใใฃใซๅ
ฅ้ใใใซใฏๅๅใใใๅญฆใณใใใใซใใใ
(axe Accessibility Linter ็ฅใใชใใฃใใใ)
ใขใฏใปใทใใชใใฃใ่ๆ
ฎใใHTMLใณใผใใฃใณใฐใฌใคใ๏ฝfuqda
#zenn
1
14
130
โซ๏ธๅฎ่ฃ
้ๅงๅใใถใคใใผใใใซ่ใใใใใจ
ใปไฝฟ็จใใฉใณใใฎ็จฎ้ก/ๅคชใใฎ็จฎ้ก
ใปhx่ฆ็ด ใฎใขใธใฅใผใซ
ใปใฐใชใใๅน
ใฎใใฟใผใณ
ใปFVใฎh1ๅจใใขใธใฅใผใซ
ใปใตใคใใใใจใกใคใณใซใฉใ ใฎๅน
ใใฟใผใณ
ใปใใฟใณใขใธใฅใผใซใฎ็จฎ้ก(ใใฉใณใใไฝ็ฝๆใชใฉ)
ๅ
จไฝใฎใใถใคใณใซใผใซใ่ใใใ
่จญ่จใใใใใใ๏ผ๏ผ
0
6
130
ใขใณใซใผใชใณใฏๅ
ใซใฏใใใคใใใใใใฃใใใใชใใ
padding-top:10rem
margin-top:-10rem
ใฏใใใใใใฃใใใใใ
0
12
127
็ฎใ้ใใชใใใจใใๆไปคใฎใใจ
ๅผ็คพไปฃ่กจ๏ผ
@muuuuu_chang
๏ผใใ
3Dใฐใฉใใฃใใฏๆฌใ่ชญใๆใใใพใใ๏ผ๏ผ
็ฉดใ้ใใปใฉ่ฆใพใใฃใฆ
ใจใณใธใใข/CGใฏใชใจใคใฟใผใจใใฆ
ใฐใฉใใฃใใฏใฎ็ฎใ้ใใพใใใพใ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ
3D่กจ็พใงๆกใใใฐใฉใใฃใใฏใใถใคใณ
1
4
125
6ๅนด้ใงใใใใ็่ญทๅธซไบบ็ใ็ตใใใพใใใ
ใใใใใฏๅ
จใๅฅใฎๆฅญ็ใซ้ฒใใงใใใใฉ
ๅ
จ้จๆดปใใใใไบบใซๆตใพใใ๏ผ๏ผ
ใปใณใใกใณใฟใซใใใใ๏ผ๏ผ๏ผ๏ผ
ใ็ฒใๆงใงใใ๏ผ๏ผ๏ผ๏ผ๏ผ๏ผ
11
0
120
ๆตทๅคใฎๅฎ้ใซใใไผๆฅญใฎใญใดใๅคๆฐๆฒ่ผใใใใฎใฃใฉใชใผใตใคใ๏ผ
ไธ่ฆงใง่ฆใใใ ใใใใชใใฆ
ๅใญใดใฎใใถใคใณ็ๆฆ่ฆใๆธใใฆใใฃใฆ่ฏใ๏ผ๏ผ
่ฒใใช่ปธใง็ตใ่พผใฟใงใใใฎใไพฟๅฉใใ๏ผ
0
6
121
ใ5 ใคใฎ็กๆใขใใฏใขใใ ใฆใงใใตใคใใ
็กๆใงใ็ตๆงใขใใฏใขใใๆไพใใฆใใใฆใใใตใคใใใใใ ใช๏ผ
ใป
ใป
ใป
ใป
ใป
(่จไบ:)
1
10
122
ใใใผใฎๅๅฒใใญในใใใใใใฆ็งปๅใใใใฎใซๅใใใฆ
ใใฉใณใใฎๆไฝใจๅ
ฅใๆฟใใใฎใใใใ่ฏใ๏ผ๏ผ
0
1
120
ใชใใปใฉใชใผ
ใใCSSใ ใใงใงใใใฎๅใใใใช
ใณใผใใฏ็่งฃใงใใใใฉใใ่ชๅใใ็ตถๅฏพใซๆใใคใใชใ
ใชใใๅฟ็จใใฆไปใซไฝใใชใใ่ใใฆใฟใใ
CSS Tip! ๐
You can select the previous siblings of an element with :has() to create cool hover effects like this OS dock๐ฅ No JS ๐
:root{--lerp-1:0.525;}
a:has(+a:hover){
--lerp:var(--lerp-1);
translate: 0 calc(var(--lerp) * -75%);
}
Demo link and explanation below! ๐
53
514
4K
1
14
116
ใใใฏใใใญในใใWebGLใงๆ็ปใใฆใใ
ใใใงใฏใชใใฎใใใ๏ผ
ใชใ้ธๆใงใใใใ
๏ผใพใ ใณใผใ่ฆใฆใชใไบบ๏ผ
how to have URL routes inside your scene, as well as bind webgl text to html to that it's accessible, selectable, and webgl gets to refract it.
26
176
2K
1
10
117
ใจในใคใใใใฎใใใใงNuxtใฎใใผใธ้ท็งปใใขไฝใใพใใ๏ผ๏ผ
ๆ่ฌใใพใ๏ผ๏ผ
(URLใใฉใกใผใฟใผใง้ท็งปๅ
ๅๅฒใใใฆใใซใผใใใทใผใ ใฌในใซๅคๅใใใ)
ๅ่:
Nuxt3ใงVuexไฝฟใใใซใuseStateใง็ฎก็
1
7
110
ๅฎๅใงใขใฏใปใทใใชใใฃใใงใใฏใใๅฏพๅฟใพใงใใๆฉไผใใใฃใฆ
ใใฎในใฉใคใใใใชใๆ็ใงใใใใใใใ๏ผ
ใใกใใใกใๅ่ใซใใใฆ้ ใใฆใใ
่ชๅใใงใใฏใๆดป็จใใคใคใๆๅใงใใใชใ็ขบ่ชใจใใใใญใผใซ
ๆๅคงๅน็ใๆใใ
ใๆ้[่ฆๅบๅ
ธ]ใขใฏใปใทใใชใใฃใใงใใฏใ
0
34
356
ใใฎๅฏๆใใญใฃใฉ
ใฉใใใฃใฆๅใใใฆใใฎใ่ฆใใฆใฟใใ
ๅคๅใBlnenderใจใใงไฝใฃใCGใขใใกใผใทใงใณใ
ในใใฉใคใใคใกใผใธๆฆๆณใงใใฉใใฉๆผซ็ป็ใซ
็ปๅใๅ
ฅใๆฟใใฆใใฃใฆใใฟใใ
ใใฃใฑใใ่ณชๆๆ
ไฟใใใซใฏ็ปๅใๆๅนใฟใใใ ใช๏ผ๏ผ๐๐
ใทใณใใซใงไฝ่จใช่ฃ
้ฃพใใชใใใใใถใคใณใซใ็ซไฝ็ใชใญใฃใฉใฏใฟใผใๆ ใใ๐ซถ
ใญใฃใฉใฏใฟใผใไธปๅผตใใใใใใใใฉใณใน
ๅฎ่ฃ
ใฎไป็ตใฟใใใกใใใกใๅๅผทใซใชใใตใคใ
0
6
241
1
7
106
ใใผใใซๅฎ่ฃ
ใฎใในใใใฉใฏใใฃในใซ้ขใใฆ่จๅใใฆใใ่จไบ๏ผ๏ผ
ๅ่ณใใคใณใ็ตๆงใใฃใใชใใโ๏ธโ๏ธ
ใปscopeๅฑๆงใไปไธใใใใจใงใthใ่กใจๅใฉใกใใซ้ข้ฃใใฆใใใๆ็คบใงใใ
ใปposition:stickyใง่กจๅดใๅบๅฎใงใใ
ใปcaption-sideใงcaptionใฎไฝ็ฝฎใๆๅฎใงใใ
0
11
106
ใณใผใใๆธใๆ้ใๅขใใใใใซใๅน็ๅใฏ
้ๅธธใซๅคงไบใ ใจๆใใฎใง
ใใๅญฆใณใซใชใใพใใ๏ผ
ๆฐไบบใจใณใธใใขใซใใ็ฅใฃใฆๆฌฒใใใไปไบใใฏใใใชใใกใใฃใจใใใณใ
1
13
101
ใใฆใงใใฆใผใถใใชใใฃใฎ15ใฎๅบๆฌๅๅใ
ใฆใผใถใใชใใฃใ้ซใใใใใฎๆนๆณใ
ๅ
ทไฝ็ใซ่งฃ่ชฌใใฆใใ่จไบ
ๆ นๆฌ็ใช่ใๆนใ่บซใซใคใใใใใฎใงใๅๅผทใซใชใ๏ผ๐ค
0
11
102
็ตๆงๆ้ใใใใพใใใใใใฉใฉใใฏในในใฉใคใใผใSCSSใชใณใชใผใงๆธใ่งฃ่ชฌ่จไบใๆธใใพใใ๏ผ
2ไธ7ๅๅญใฎ้ทๆใซใชใฃใฆใใพใใพใใใ
่ชญใใง้ ใใใจๅฌใใใงใ๏ผ
ไฝใใใใฐใณใกใณใใใ ใใ๏ผ๐โโ๏ธ
Sassใชใณใชใผใงใใฉใฉใใฏในใช็ปๅใซใผใใไฝใฃใฆใฟใ๏ฝใฉใกใณใงใใ
#zenn
0
10
101
ใผใใใใคใผใธใณใฐใใใใ
cubic-bezier(.31,1.97,.51,.68)
0
6
100
ใใฃใใคใซใบใใใฎไปๅใฎๅฎ็ธพใฎใตใคใ
ใใใผใงๆๅญใ่ใใชใใจใใ
ใฉใณใใ ใซdelay่จญใใฆใชใตใฌใซใใฆใใฎ
ๆต็ณใฎ่ธใฎ็ดฐใใใใใใ
็ฅใฏ็ดฐ้จใซๅฎฟใใ
2
0
99
ใCSS ในใญใซใๅญฆ็ฟใใใณ็ทด็ฟใใใใใฎ 21 ใฎใชใฝใผในใ
CSSใฎในใญใซใ็ฃจใใใใฎใตใคใใใพใจใใฆ็ดนไปใใฆใใใฆใใ่จไบ๏ผ
ๅๅญฆ่
ๅใใฎใใฎใใใ็ต้จ่
ๅใใพใง
่ฒใใชในใญใซๆใฎไบบใงใๅ่ใซใชใใใใชใใชใจใผใทใงใณใ ใใ๏ผ
0
10
101
CSSใงในใใผใใคใบ่กจ็พ
(ๅฐๅณใใใใใใใใชใ)
1
4
99
Splideใงในใฉใคใใผๅฎ่ฃ
ใใๆ
ในใฉใคใ็งปๅใขใใกใผใทใงใณใๆฉ่ฝใใชใPC็ซฏๆซใใใฃใฆ
ใใฉใฆใถ่ตทๅ ใงใใชใOS่ตทๅ ใงใใชใ
้ใใจใใใฐใSOCใใใใใ่ฆๅฝใใใชใใฃใ
intelใจm1ใฏๅ้กใชใๅใใฆm2ใจm3ใงๅใใชใใฃใ
splide__listใธใฎtransitionใๆ็คบ็ใซCSSใงๆๅฎใใใๆฒปใฃใ
ใใใฏ็ฝ ใใใ
3
3
96
ใ็ฅใฃใฆใใในใ 21 ใฎ HTML ใใณใใ
ๅบๆฌ็ใชๅ
ๅฎนใๅคใใงๅๅญฆ่
ๅใใฎๅ
ๅฎนๅใจๆใใใ
ใกใใปใใๅ่ณใชใใจใใใฃใฆๅๅผทใซใชใฃใใใ๏ผ
(rootใฎURLใฃใฆ่จญๅฎใงใใใใใใ)
0
6
97
blenderใ๏ผใใ
ใคใคๆใใฎใใตใใตใงใใใฎใงๆบ่ถณ๏ผ
โใๆๆฌใใใฌใผในโ
#b3d
0
2
93
ใใใคใฏใญใคใณใฟใฉใฏใทใงใณใจใฏ๏ผใใฎๆ็จๆงใ
ใใฃใกใ่งฆใๅฟๅฐใๆฐๆใกใใใคใณใฟใฉใฏใทใงใณใฎๅ่ใจ
ใใฎๆ็จๆงใ่งฃ่ชฌใใฆใใใฆใใ่จไบ๏ผ
็ดฐใใๅใใฎใคใผใธใณใฐใฎไปใๆนใใใชใๅ่ใซใชใ๏ผ
0
3
91
49ๆฅ็ฎ็ตใใใงใ๏ผ
ไปๆฅใฏ่ซธใ
ใใฆใพใใใใ
็ฅใใผใซใ่ฆใคใใใใใฎใฏใงใใใฃใใงใ๏ผ
ใใใญใใใผใใผใซใง่ฆใใใฅใผใใผใใจ
ๅฎๆฉใฎใใฅใผใใผใใ็ฐใชใใฎใฏ
ใใชใๆฉใพใใใใใฉใใใใงใฏไธๆ่งฃๆฑบ
1
9
91
ใใผใธใใใใขใใกใผใทใงใณ
ใใฃใใใจใชใใฃใใฎใงใใฃใฆใฟใ๏ผ
ๆๅคใจใทใณใใซใ ใฃใใช
#b3d
0
5
90
็ปๅใใใชใใฆใใไปปๆใฎ่ฆ็ด ใ้
ๅปถ่ชญใฟ่พผใฟใงใใ
content-visibility็ฅใใชใใฃใ
็ตๆงๅใซๅบใฆใใฎใญใใ
1
8
89
mask-imageใฃใฆๅฏ่ฝๆงใใใใช
1
3
89
canvasใงในใใฉใคใ็ปๅๆ็ปใใใฐใ
ในใฏใญใผใซ้ฃๅใใใใชใ่ณชๆๅ็พๆฐใซใใwebใซๆใฃใฆใใใใช๐ค
1
7
89
ในใใใใฟใใฌใใใงไฝฟ็จใใใไธ้จใใใฒใผใทใงใณใใถใคใณใฎใในใใใฉใฏใใฃใน
ไธ้จใใใฒใผใทใงใณใ่จญ็ฝฎใในใ็็ฑใๅซใใฆ
UI่ฆณ็นใง่งฃ่ชฌใใฆใใฃใฆใๅญฆใณๆทฑใ๏ผ๏ผ
0
10
89
CSSๅฎไบใใใฎใงใ
ใใใใWordPressๅใซๅ
ฅใใพใ๏ผ
ใใฃใจใฐใผใฐใซๅ
็ใจๆฌใซ้ ผใใใจใซใชใใใฉ
ใใใงใใใใงใ๏ผ
ใฌใใใใฉใค๏ผ๐๐ช
#ใใญใฐใฉใใณใฐ
#้งใๅบใใจใณใธใใขใจ็นใใใใ
1
0
83
ใBlenderใใฌใผใน1.5ๅใใDay2
โใๆๆฌใใใฌใผในโ
ใฉใคใใฃใณใฐใจใใใชใขใซใฏๆๆฅใ ใชใใ
1
3
89
Contact form 7ใง่ฟฝๅ ใฎใใฉใฐใคใณไฝฟใใฐ
้ธๆ่ขใซใใฃใฆใใฉใผใ ใๅบใๅใใใใใใ ใช
ใใใฏใใ
1
1
89
WordPressใฎtheme.jsonใซ้ขใใฆ็ถฒ็พ
็ใซใพใจใใฆใใ่จไบ
ใใใพใ็่งฃใงใใฆใชใใฃใใใฉใ
ใใ่ชญใใ ใใๅฎๅ
จใซ็่งฃใใ๏ผ๏ผ๐๐
0
12
87
ใใVS Codeใงpackage.jsonใฎscriptsใใใใซใใๅผใณๅบใใใฎๅใใฆ็ฅใฃใ
ใใชใไพฟๅฉใชๆฐใใใ
0
11
85
้
ๅๆไฝใใฃใกใใพใจใพใฃใฆใฆใใใใใใใใ
็ ดๅฃ็ๆไฝ๏ผๅ
ใฎ้
ๅใๅคๆดใใ๏ผใจ
้็ ดๅฃ็ๆไฝใฎ้ใใๆๆกใใฆไฝฟใใใ
1
5
84
Basic่ช่จผใใใฆใฆใPage Speed Insightใงๆธฌๅฎใงใใใใใซใใๆนๆณ
0
12
82
ไธ่กใ่ชๅใงใณใผใๆธใใใซๆฐๆใกๆชใใฎใ็่ชใใ
ๆ่ฟใฎAIใฏ่ณขใใชใใ
3
2
84