前端常用開發工具

我們再進行前端開發的時候,利用工具可以幫助我們進行快速得開發而且還可以更加美觀

Web Server

Liver Server

通常我們進行前端開發的時候,我們都要先安裝web server,例如: apache. nginx,但是對於初心者來說可能會是一場惡夢,浪費許多時間在研究如何安裝,我們在VS Code中使用外掛 Live Server ,就可以讓我們快速在編輯後開啟網頁,讓我們快速進入開發和學習。

圖片素材網站

https://pexels.com

此圖片網站擁有許有免費的圖庫,在開發或是測試的時候,往往會需要許多圖片填充版面,此網站是前端開發工程師不可少的圖片資源網站

icon素材庫

react-icons
http://www.fontawesome.com.cn
http://www.fontawesome.com.cn/faicons

此為免費的icon網站,有許多樣式的icon,可以很好的添增網站設計感

UI 邊框設計

https://neumorphism.io

此網站可以直接用所見即所得的方式生成邊框,大大的縮減開發時調整設計debug的時間

漸變色設計

https://mycolor.space
https://uigradients.com
https://cssgradient.io

在開發的時候,常會有漸變色的調整需求,這些網站是開發漸變色的好幫手設計好的背景色調

https://webgradients.com

身為工程師的調色能力絕大多數都沒有設計師好,想要在短時間內就讓設計師刮目相看的話,此調色網站是你非常好的選擇複雜的背景色調

動畫

https://animista.net

相信許多新手前端工程師在一踏入職場的時候,都免不了要被資深設計師提升(蹂躪)動畫特效一番,這個動畫特效網站,可以拯救你無數失眠的夜晚