Posted 2021-04-25 21CTO

瀵艰锛氭湰鏂囨槸鐢变竴浣嶅墠绔紑鍙戣€呮彁渚涚殑10涓猈eb寮€鍙戝伐鍏枫€?/span>

姣忎釜Web寮€鍙戜汉鍛橀兘鏈夎嚜宸卞枩娆㈢殑寮€鍙戝伐鍏凤紝鐢ㄨ繖浜涘伐鍏疯兘璁╃紪鐮佹洿瀹规槗骞朵笖鈥滀护浜烘剦蹇€濄€傚湪杩欑瘒鏂囩珷涓紝鎴戝皢鍒嗕韩涓€浜涙垜璁や负鐪熺殑寰堟鐨勫緢妫掔殑Web寮€鍙戝伐鍏凤紒锛堝敖绠″ぇ澶氭暟閮芥槸CSS鍓嶇璁捐宸ュ叿馃槼馃檮

1.Glitch

https://glitch.com

濂界殑锛岃繖涓嶄粎浠呮槸涓€涓伐鍏凤紝杩樻槸涓€涓潪甯告鐨勭紪鐮佸钩鍙颁互鍙婁竴涓緢妫掔殑鎶€鏈ぞ鍖恒€傛垜鍙互鍦ㄥ唴缃唬鐮佺紪杈戝櫒鐨勫府鍔╀笅鎵樼鎴戠殑椤圭洰銆傛敮鎸佸绉嶈瑷€锛屼絾鏈€閫傚悎NodeJS銆?/span>

2.Shadows

https://brumm.af/shadows

杩欎釜缃戠珯鎻愪緵鐢熸垚骞虫粦闃村奖鐨凜SS浠ｇ爜锛屽彲浠ュ垱寤?/span>骞虫粦鐨勮竟妗嗛槾褰便€傚畠鐪嬭捣鏉ョ湡鐨勫緢娴佺晠锛屼护浜烘弧鎰忋€傪煒?/span>

3.Coolors

https://coolors.co

杩欐槸涓€娆鹃潪甯稿ソ鐨勫湪绾垮伐鍏凤紝鍙互涓洪」鐩敓鎴愬尮閰嶇殑棰滆壊鏂规銆傚鏋滀笉鍠滄褰撳墠鐨勬柟妗堬紝鎸変笅绌烘牸閿紝瀹冧細閲嶆柊鐢熸垚涓€涓厤鑹叉柟妗堬紝鐩村埌浣犳弧鎰弤

4. Blobmaker

https://blobmaker.app

Blobmaker鍙府鍔╀綘闅忔満鐢熸垚鍚勭灏哄锛屼笉鍚岄鑹插拰褰㈢姸鐨凷VG Blob銆備綘鍙互鐢ㄤ綔鑳屾櫙鎴栧垱寤虹湅璧锋潵寰堥叿鐨勫姩鐢汇€?/span>

5.Getwavs

https://getwaves.io

涓嶣lobmaker鐩镐技锛孏et Waves鑳藉闅忔満鐢熸垚涓嶅悓棰滆壊鍜屼笉鍚屾暟閲忕殑娉㈡氮銆傜敤浣滅綉椤电殑椤佃剼鎴栭〉鐪夌湅璧锋潵涓嶉敊銆?/span>

6. Undraw.co

https://undraw.co

寮€鏀炬簮浠ｇ爜椤圭洰鐨凷VG鎻掑浘闆嗭紝鍙敤鏉ュ仛鐧诲綍椤甸潰锛?04椤甸潰绛夛紝褰撶劧鏅€氶〉闈篃鑳界敤锛佷笂闈㈢殑鎻掑浘鍙互涓嶅甫褰掑睘鍦扮増鏉冪殑浣跨敤锛屾棤闇€鏀粯浠讳綍璐圭敤銆?/span>

7. Marcdown

https://liyasthomas.github.io/marcdown

鐢盠iyas Thomas鎻愪緵鐨勫湪绾垮疄鏃剁殑Markdown缃戦〉缂栬緫鍣紝瀹冨彲棰勮Markdown浠ｇ爜锛屽皢鍏跺彂甯冨埌GitHub涓娿€傚畠鎻愪緵涓€涓潪甯告紓浜殑鏆楅粦妯″紡馃懟馃槒馃ぉ銆傝繕鍙劚鏈哄伐浣滐紝杩欎娇寰楀畠鏄惧緱鏇村嚭鑹层€?/span>

8.postwoman

https://postwoman.io

杩欐槸Liyas Thomas鏋勫缓鐨勫彟涓€涓伐鍏枫€侾ostwoman鏄竴涓狝PI璇锋眰鏋勫缓宸ヤ綔銆傚紑鍙戣€呭彲浠ヤ笉浣跨敤浠ｇ悊鏉ユ祴璇?nbsp;API銆傝繖鏄竴涓笎杩涘紡Web搴旂敤绋嬪簭锛屽彲浠ヤ繚瀛樺埌妗岄潰鏉ョ敤銆傚畠鏄交閲忕骇鐨勪骇鍝侊紝鍩烘湰涓婂彲浠ユ槸Postman鐨勫湪绾挎浛浠ｅ搧銆?/span>

9. Screely.com

https://screely.com

瀹冨彲浠ュ府鍔╀綘鍒涘缓瓒呯骇婕備寒鐨勭綉绔欐埅鍥炬ā鍨嬨€傚鏋滀綘涓嶆槸MacBook鐢ㄦ埛锛屼絾闇€瑕佹洿濂界殑缃戠珯鍥剧墖浣滀负鑷堪鏂囦欢锛屽畠闈炲父閫傚悎鎴戜滑銆?/span>

10. CSS缃戞牸鐢熸垚鍣?/span>

https://cssgrid-generator.netlify.com/

杩欐槸Sarah Drasner鐨勫垱寤虹殑浼樼缃戠珯锛屽畠浣跨敤CSS鍒涘缓鍔ㄦ€佺綉鏍煎竷灞€銆?/span>

杩欎簺鏄垜浣跨敤鐨勫崄澶у緢浼樼鐨勫墠绔伐鍏凤紝濡傛灉浣犳湁鏇村ソ鐨勪骇鍝侊紝璇疯鎴戜滑澶у浜嗚В杩樻湁鍝簺浼樼鐨勫ソ涓滆タ~鉁岋笍

浣滆€咃細鏅撳畤

鎺ㄨ崘闃呰锛?br>