別人不告訴你的前端網站,提升前端技能的26個網站,走過路過不錯過:
CSS battle【
線上比拼 CSS
】 : https://cssbattle。dev
Learn CSS layout【
學習 CSS 佈局
】:http://learnlayout。com
Flexbox Froggy【
學習 Flex 佈局的小遊戲
】:http://flexboxfroggy。com
EnjoyCSS【
線上CSS程式碼視覺化工具
】:https://enjoycss。com
CSS-Tricks 【
CSS 技巧
】:https://css-tricks。com
Neumorphism【
實現新擬態效果
】:https://neumorphism。io
uiGradients【
分享漸變色
】:https://uigradients。com
JavaScript
【一個一直更新的JavaScript 的語法文件,主要會寫如何去避免一些常見的錯誤】
:https://bonsaiden。github。io/JavaScript-Garden/zh/
JS Tips【
JS 技巧
】:https://www。jstips。co
JSweekly【
技術週刊
】:https://javascriptweekly。com
CDNJS【
JavaScript 資料庫
】:https://cdnjs。com/libraries
Beautiful Open 【
開源 JS 庫集合
】:https://beautifulopen。com
JavaScript Fun【
程式碼庫集合
】:https://www。javascript。fun
Stack Overflow【
程式設計人員問答網
】:https://stackoverflow。com
掘金【
高質量技術社群
】:https://juejin。im
Codrops【
網頁設計開發部落格
】:https://tympanus。net
CodePen
【一個網站前端設計開發平臺,針對網站前端程式碼的一個工具,上面有各種效果的案例特效(炫技),可以在他們的 demo 基礎上開發自己的前端設計。】
:
https://codepen。io
CodeSandBox
【提供一個線上開發環境的“沙盒”,主流的框架如 React、Vue、Angular 等,都可即開即用、實時編譯預覽,非常方便。】
:
https://codesandbox。io
JS Bin
【輕量級線上編輯器網站】
:https://jsbin。com
ICONSVG【
線上自定義設計SVG圖示素材
】:https://iconsvg。xyz
OpenMoji【
免費表情符號庫
】:https://www。openmoji。org
Share Icon 【
免費向量素材相簿
】:https://www。shareicon。net
tableconvert 【
線上表格編輯器
】:https://tableconvert。com
Feathericons【
極簡 ICON 圖示集
】:https://feathericons。com
HTML5UP 【
提供大量的HTML5模版
】:https://html5up。net/
趣IT
【一個會更新面試題和練習題的寶藏王】
https://www。funit。cn/
更多精彩程式設計內容,Python、Java、前端資料,應有盡有!領取找我