架构图有哪些？很多程序员都不会画

很多程序员画架构图头疼，不知道画什么、怎么画！
分享、评审、述职、答辩，只要你在程序员这个行业，就几乎离不开要画图。[……]

阅读全文 »

优化阅读体验，网站预设字体的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+免费字体，对于网页设计师和前端人员来说，是个很棒的字体库，设计师可以使用字体库提供的免费字体来网页设计，而前端[……]

阅读全文 »