30个超棒的SVG动画展示

这里我们收集了一些超酷的基于SVG的动画效果,给大家一些参考。这些动画有的使用了SVG动画,也有是使用CSS做基本动画,用JS做更丰富的效果。 Border Animation by Sean McCaffery 纯CSS,文字边框环绕,hover时触发。 Elastic

查看全文

static site generator: Summer

intro 即使明明知道现在已经有非常多的静态博客生成器了,最近我还是造了一个轮子。一方面自己用来学习 python ,另一方面我仅用过的 hexo 并不能满足我的需求。因为我写文章的频率很低,所以每次我都忘了命令行命令,都要去查文档;此外,每次在命令行中新建了文章之后,在一堆文

查看全文

Microsoft Edge支持的webkit API列表

微软表示新版的浏览器Edge(spartan)不会再增加新的私有属性,同时移除了部分-ms-属性,但很多标准在没有支持到之前,会使用webkit的api。Edge开发工程师Jacob Rossi列出了一份Edge所支持的webkit api列表。 图片来源 CSS Core

查看全文

为什么高端人才会使用「拍卖」选工作?

想象一下,当你在一个网站上递交你的简历后,你会像珐琅彩瓷一样被各个公司竞相拍卖,确定到合适的「买主」之后,专车把你送到面试的地点;入职当天,你会收到精心准备的小礼物,通过试用期后,你还会收到 3000 元的奖金奖励! 程序员粘永把简历挂在网站后不久,就接到一个 HR的电话,「太

查看全文

一些有用的HTML5 pattern

最近在做手机页面时,遇到数字输入的键盘的问题,之前的做法只是一刀切的使用 type="tel",不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案,最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。 type="tel" 和 ty

查看全文

用 Virtual DOM 加速开发

简聊(by Teambition)产品前端中使用了 React,最初开发时使用的 Backbone 搭配 doT.js 模版渲染界面,实践下来效果提升了很多。我们希望能吸引更多同学能够运用 Virtual DOM 改进前端开发,所以这篇文章会主要介绍 React 当中 Virtu

查看全文

25个超极简的网站设计

我们都喜欢寻找最新的使用鲜亮色彩、时尚的标题和令人惊叹的图片的网站设计,但有时欣赏下极简注意的永恒的风格也是很不错的。这些极简主义网站设计结构和排版,它们和其它设计一样充满魅力 Thomas Buffet Socket Studios Jac in a Box Cove Stud

查看全文

QQ浏览器X5内核问题汇总

常常被人问及微信中使用的X5内核的问题,其实我也不是很清楚,只知道它是基于android 4.2的webkit,版本号是webkit 534。今天正好从X5团队拿到了一份问题汇总,梳理下发出来,给各位开发者以参考——不排除明天会删除这篇文章的可能。 1.Android WebVi

查看全文

Mobile Readability Guidelines

前言:这是之前为团队微信账号写的一篇文章,同步过来。 叫 Guidelines 其实有些托大了,只是站在前人的肩膀上,梳理一些移动端文字排版的简单参考。 百度在 2014 年第三季度财报中表示,其移动端的流量已经超过 PC,微信中每天有超过 2 亿人阅读超过20亿次图文消息,这些

查看全文

Chrome rem bug

遇到一个bug,发现chrome在初始化页面的时候,会错误的渲染rem单位,导致字体过大。 比如: 正常的应该是这样的: 原因是,为了使用rem单位,我们常常将 html 的font-size设置为62.5%,这样会比较方便计算。 通常浏览器的默认字号是16px,这个是chrom

查看全文