ĺ č´šé˘č˛ĺˇĽĺ ˇ
ćĺăĺćă轏ć˘ĺšśĺ亍ć¨çé˘č˛ă12 揞ä¸ä¸ĺˇĽĺ ˇďź100% ĺ č´šďźć é注ĺă
ĺč˛ĺ¨
äťäťťćĺžĺç´ćĽéĺé˘č˛ă ĺ č´šĺ¨çşżä˝żç¨ ĺč˛ĺ¨ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ćĺé˘č˛
äťĺžĺćĺ丝č˛č°ă ĺ č´šĺ¨çşżä˝żç¨ ćĺé˘č˛ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
č°č˛ćżçćĺ¨
äťĺžĺçćĺŽć´çč°č˛ćżă ĺ č´šĺ¨çşżä˝żç¨ č°č˛ćżçćĺ¨ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
丝č˛č°
čŻĺŤĺžĺä¸ç丝čŚé˘č˛ă ĺ č´šĺ¨çşżä˝żç¨ 丝č˛č°ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ç¸äźźé˘č˛
ćĽćžä¸éĺŽé˘č˛ç¸äźźçé˘č˛ă ĺ č´šĺ¨çşżä˝żç¨ ç¸äźźé˘č˛ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
é˘č˛č˝Źć˘
ĺ¨HEXăRGBăHSLăCMYKć źĺźé´č˝Źć˘ă ĺ č´šĺ¨çşżä˝żç¨ é˘č˛č˝Źć˘ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
é˘č˛ĺŻšćŻĺşŚ
ćŁćĽWCAGć éç˘ĺŻšćŻĺşŚă ĺ č´šĺ¨çşżä˝żç¨ é˘č˛ĺŻšćŻĺşŚďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
察ĺşč°č˛ćż
察ĺşä¸şCSSăJSONăASEć źĺźă ĺ č´šĺ¨çşżä˝żç¨ 察ĺşč°č˛ćżďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
é˘č˛é˘č§
é˘č§é˘č˛ĺ¨čŽžčŽĄä¸çććă ĺ č´šĺ¨çşżä˝żç¨ é˘č˛é˘č§ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ä¸č˝˝é˘č˛
ĺ°č°č˛ćżä¸č˝˝ä¸şĺžĺă ĺ č´šĺ¨çşżä˝żç¨ ä¸č˝˝é˘č˛ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ĺ亍é˘č˛
éčżéžćĽĺ亍č°č˛ćżă ĺ č´šĺ¨çşżä˝żç¨ ĺ亍é˘č˛ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
č˛ĺ˝Šĺč°
ć˘ç´˘äşčĄĽč˛ăä¸č˛çĺč°é č˛ă ĺ č´šĺ¨çşżä˝żç¨ č˛ĺ˝Šĺč°ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
CSSć¸ĺ
çćçşżć§ăĺžĺCSSć¸ĺă ĺ č´šĺ¨çşżä˝żç¨ CSSć¸ĺďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ç˝ć źć¸ĺ
ĺĺťşĺ¤ĺ˝Šç˝ć źć¸ĺă ĺ č´šĺ¨çşżä˝żç¨ ç˝ć źć¸ĺďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ĺ¨çťć¸ĺ
ĺĺťşCSSĺ¨çťć¸ĺčćŻă ĺ č´šĺ¨çşżä˝żç¨ ĺ¨çťć¸ĺďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
č˛ç˛ć¨Ąćĺ¨
樥ćč˛ç˛ç¨ćˇçĺ°çććă ĺ č´šĺ¨çşżä˝żç¨ č˛ç˛ć¨Ąćĺ¨ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ććŹĺŻčŻťć§
ćľčŻä¸ĺé˘č˛çťĺçĺŻčŻťć§ă ĺ č´šĺ¨çşżä˝żç¨ ććŹĺŻčŻťć§ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
WCAGĺćĺ¨
ĺćč°č˛ćżçWCAGĺč§ć§ă ĺ č´šĺ¨çşżä˝żç¨ WCAGĺćĺ¨ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
çťçćć
çćçťçććCSSććă ĺ č´šĺ¨çşżä˝żç¨ çťçććďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ć°ćć
ĺĺťşćĺUIć°ććććă ĺ č´šĺ¨çşżä˝żç¨ ć°ććďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
彊č˛é´ĺ˝ą
çć彊č˛é´ĺ˝ąCSSććă ĺ č´šĺ¨çşżä˝żç¨ 彊č˛é´ĺ˝ąďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ĺč˛č°ćć
为ĺžĺĺşç¨ĺč˛č°ććă ĺ č´šĺ¨çşżä˝żç¨ ĺč˛č°ććďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ĺžĺé˘č˛ćť¤é
为ĺžĺĺşç¨é˘č˛ćť¤éă ĺ č´šĺ¨çşżä˝żç¨ ĺžĺé˘č˛ćť¤éďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
č˛ĺ˝Šć 睪ćż
ç¨č°č˛ćżĺĺťşć 睪ćżă ĺ č´šĺ¨çşżä˝żç¨ č˛ĺ˝Šć 睪ćżďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
é˘č˛ćˇˇĺĺ¨
桡ĺĺč°é é˘č˛ă ĺ č´šĺ¨çşżä˝żç¨ é˘č˛ćˇˇĺĺ¨ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ććč˛č°
çćäťťćé˘č˛çććĺä˝ă ĺ č´šĺ¨çşżä˝żç¨ ććč˛č°ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
éćşč°č˛ćż
çćéćşč°č˛ćżčˇĺçľćă ĺ č´šĺ¨çşżä˝żç¨ éćşč°č˛ćżďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ĺ łéŽčŻč°č˛ćż
ĺşäşĺ łéŽčŻçćč°č˛ćżă ĺ č´šĺ¨çşżä˝żç¨ ĺ łéŽčŻč°č˛ćżďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
Tailwindč°č˛ćż
çćTailwind CSSé˘č˛é 罎ă ĺ č´šĺ¨çşżä˝żç¨ Tailwindč°č˛ćżďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
CSSĺé
察ĺşä¸şCSSčŞĺŽäšĺąć§ă ĺ č´šĺ¨çşżä˝żç¨ CSSĺéďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
shadcn/ui丝é˘
çćshadcn/ui丝é˘é 罎ă ĺ č´šĺ¨çşżä˝żç¨ shadcn/ui丝é˘ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
SCSSĺé
察ĺşä¸şSCSS/Sassĺéă ĺ č´šĺ¨çşżä˝żç¨ SCSSĺéďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
č˛ć¸Š
ĺćé˘č˛çĺˇćč˛č°ă ĺ č´šĺ¨çşżä˝żç¨ č˛ć¸Šďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
č˛ĺ˝Šć 睪
ć˘ç´˘é˘č˛çć ćĺĺżçĺŚă ĺ č´šĺ¨çşżä˝żç¨ č˛ĺ˝Šć 睪ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ĺçč˛
äťć ĺżćĺĺçé˘č˛ă ĺ č´šĺ¨çşżä˝żç¨ ĺçč˛ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
č˛ĺ˝Ščśĺż
ĺç°ćľčĄé˘č˛ĺč°č˛ćżă ĺ č´šĺ¨çşżä˝żç¨ č˛ĺ˝Ščśĺżďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ć¸ĺć ĺ°
为ĺžĺĺşç¨ć¸ĺć ĺ°ă ĺ č´šĺ¨çşżä˝żç¨ ć¸ĺć ĺ°ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
é˘č˛ĺ ĺ
为ĺžĺ桝ĺ é˘č˛ĺ ĺ ă ĺ č´šĺ¨çşżä˝żç¨ é˘č˛ĺ ĺ ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
ĺč˛č°č˛ćż
ĺĺťşĺč˛é č˛ćšćĄă ĺ č´šĺ¨çşżä˝żç¨ ĺč˛č°č˛ćżďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
äşčĄĽé č˛
çćäşčĄĽč˛é č˛ćšćĄă ĺ č´šĺ¨çşżä˝żç¨ äşčĄĽé č˛ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
UIé˘č§
ĺ¨UIçťäťść¨Ąĺä¸é˘č§é˘č˛ă ĺ č´šĺ¨çşżä˝żç¨ UIé˘č§ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
礞交é˘č§
ĺ¨ç¤žäş¤ĺŞä˝ć¨Ąĺä¸é˘č§é˘č˛ă ĺ č´šĺ¨çşżä˝żç¨ 礞交é˘č§ďźć é注ĺďźĺ¨ćľč§ĺ¨ä¸ĺżŤéĺŽĺ ¨ĺ¤çă.
é˘ĺ莞莥ĺ¸ĺĺźĺč çä¸ä¸é˘č˛ĺˇĽĺ ˇ
ć䝏çé˘č˛ĺˇĽĺ ˇĺĽäťśčŽŠć¨č˝ĺ¤äťĺžĺä¸ćĺč°č˛ćżďźĺ¨ĺç§ć źĺźďźHEXăRGBăHSLăCMYKďźäšé´č˝Źć˘ďźćŁćĽ WCAG ć éç˘ć§ďźĺšśĺ°é˘č˛ĺŻźĺşä¸ş CSSăSass ć TailwindăććĺˇĽĺ ˇé˝ç´ćĽĺ¨ć¨çćľč§ĺ¨ä¸čżčĄďźć é注ĺĺšśĺ°éć¨çéç§ă
äťĺžĺä¸ćĺĺĺćé˘č˛
使ç¨ć䝏çé˘č˛éćŠĺ¨ďźĺ¸çŽĄďźç˛žçĄŽčŻĺŤç §çä¸çäťťä˝é˘č˛ăčŞĺ¨ćĺ丝čŚé˘č˛ďźĺšśäťć¨ççľćĺžĺä¸çćĺč°çč°č˛ćżăé常éĺĺç莞莥ăç˝éĄľčŽžčŽĄĺĺšłé˘ĺä˝ă
é˘č˛č˝Źć˘ä¸ć éç˘ć§
ĺ¨ HEXăRGBăHSL ĺ CMYK äšé´ĺłćśč˝Źć˘ć¨çé˘č˛ăć šćŽ WCAG AA ĺ AAA ć ĺćŁćĽé˘č˛äšé´ç寚ćŻĺşŚďźäťĽçĄŽäżčŽžčŽĄçć éç˘ć§ăĺşäşč˛č˝Žçćé˘č˛ĺč°ďźäşčĄĽč˛ăçąťäźźč˛ăä¸č˛çă
100% ĺ č´šăć é注ĺăäżć¤éç§
ć䝏ććçé˘č˛ĺˇĽĺ ˇé˝ĺŽĺ ¨ĺ č´šďźć é注ĺăć¨çĺžĺĺć°ćŽĺ¨ćľč§ĺ¨ä¸ćŹĺ°ĺ¤çďźçťä¸äźĺéĺ°ć䝏çćĺĄĺ¨ă诡ćžĺżĺ°ĺ°ć䝏çĺˇĽĺ ˇç¨äşć¨ç个人ĺä¸ä¸éĄšçŽă