优化浏览体验，网站预设字体的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+收费字体，关于网页设计师和前端人员来讲，是个很棒的字体库，设计师可使用字体库供给的收费字体来网页设计，而前端[……]

浏览全文 »

Clippy – 轻松绘制 CSS clip-path 裁剪途径对象

Clippy 是一个 CSS clip-atch 属性绘制对象，应用它可以轻松绘制分歧的几可外形的。

clip-path 是 CSS 中的一个裁剪属性，用于裁剪元素，经由过程此属性可以完成相似PS蒙[……]

浏览全文 »