架構圖有哪些？很多程序員都不會畫

很多程序員畫架構圖頭疼，不知道畫什么、怎么畫！
分享、評審、述職、答辯，只要你在程序員這個行業，就幾乎離不開要畫圖。[……]

閱讀全文 ?

優化閱讀體驗，網站預設字體的CSS最佳寫法

英文字體的文件大小比較小可以使用嵌入字體讓網站展示更好，但中文就不一樣了，文件大小是 MB 級別，為了 WEB 端性能，只好使用系統自帶的默認字體，然而我們有 Windows 和 Mac? OS 兩個[……]

閱讀全文 ?

2016年 CodePen 最熱門的前端代碼 Top 100

每年 Codepen 都會公布年度最熱門的代碼片段，這些片段有的技術超弦，有的超實用、有的超有創意，有空看看都能給我們帶來靈感。

同時從 Codepen 的代碼上也能學習一些牛人的寫法，不管是設[……]

閱讀全文 ?

實用！最新前端速查表集合（css3 Flexbox/CSS動畫/Bootstrap4）

今天分享的速查表你一定不會陌生，因為都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人員可以[……]

閱讀全文 ?

讓微信小程序和頁面界面 UI 統一：WeUI 前端樣式庫（含 Sketch 源文件）

微信里使用的 H5 頁面是相當多，特別是最近開發內測的小程序更是火爆，為了能讓頁面以及微信小程的界面能與微信統一，讓用戶看起來就像是微信內置的功能或頁面，那么建議大家使用設計達網小編推薦的 WeUI[……]

閱讀全文 ?

一個Material APP 層級展示頁

作為 APP 、前端開發 人員，界面層級關系需要更清楚，不能亂套，這里有一個用于 Material 設計層級關系的頁面指導圖，可以讓你清楚了解這個層級關系。

如果你對 Material desi[……]

閱讀全文 ?

CSS3屬性: Flexbox 快速上手記

說起 CSS3 flexbox，都算是件陳年舊事了，它是2009年W3C提出的一種全新的可伸縮的CSS布局方式。依賴flexbox，我們可以更簡單，高效的完成可伸縮式頁面的布局。

業界與[……]

閱讀全文 ?

谷歌字體安裝指南，并在網頁上使用 Google Web font

現時有很多網站流行使用網頁字體，這些字體大部分來自 Google Font 提供的700+免費字體，對于網頁設計師和前端人員來說，是個很棒的字體庫，設計師可以使用字體庫提供的免費字體來網頁設計，而前端[……]

閱讀全文 ?