[Task Master] gulp-lint

初衷 从事前端开发这个职业几年之后,我已经彻底从一个完美主义者变成实用主义者。但是对于代码风格的要求,却越来越强烈。 在一个「用户体验」已经用滥的圈子,也有很多 web 开发者或真心或虚伪得说要一个「有非常好的用户体验」的产品。但是你看看他们的代码,可读性极差都不算什么严重问题,

查看全文

table-cell的手机应用场景

前言 最近在前端观察看见了这篇老文章,看见了元素居中的5种办法,其中提到了display:table-cell这个css显示的新属性,按照当时的浏览器市场来说想必兼容性会是糟糕的一比,但是现在这坛老酒其实可以用到移动端来。 在PC端,应该很少用到 display:table-ce

查看全文

网页字体排印指南

排版者应像手艺人一样遵循一条原则:做好自己的工作并隐于无形. 关于 网页上百分之九十五的信息是「文字」,大多数人浏览网页的状态就是阅读,也就是你目前正在做的事情. 因此作为一名前端工程师,让文字更好地在网页显示,是一件极其重要的工作. 字体排印有两种形式,一种称为 Creativ

查看全文

前端观察又改版

最近学会了sketch,然后就试着给博客改下版面。 然后等我画完设计稿后,发现竟然和早期的前端观察模板非常像!对比一下: 现在 过去 这说明了我还是从前的样子么? 简单说一下中间的一些想法: 我是字体控,所以这次对字体比较讲究,英文字体使用了Helvetica Neue,中文使用

查看全文

引入css外部样式表

前言 为什么会有这篇文章,外部引入样式有什么好谈的,不外乎就是 <link rel="stylesheet" href="style.css" /> 就这么简单,还有什么,so easy,我之前都是这么认为的你肯定比我聪明多了~_^,但是当做一个页面在微信上浏览并

查看全文

css透明度的一些兼容测试

前言 网站丢给了外包公司来弄,但是老外写css的时候似乎没有考虑到国内的浏览器市场,于是只用了opacity这个属性来写,当IE8-的浏览器访问的时候,浮动层就像一块大黑斑药膏贴在哪里。很显然,婀娜多姿的模特被黑色药膏挡住了,用户完全感觉不到药膏下的她是有多么秀色可餐,因此也没有

查看全文

利用css3-animation来制作逐帧动画

前言 趁着还没有元旦之前先码一篇文章,不然到时候估计又被各种虐了,所以趁现在还有力气先来一篇。今天来聊聊css3中的动画属性animation,对这个属性懵懂是在很早的时候有前辈用这个 animation 属性来写了一个菊花打转的loading,然后google了一下知道了有这么

查看全文

利用伪元素仿苹果手机官网导航

前言 好久没有上苹果官网了,周三用手机登录 苹果官网 的时候,发现苹果官网的导航用了自适应,并且把所有的导航都浓缩在一个打开关闭的小图标,如下图: 看见左上角这个两杠的东东了嘛,点击弹出导航,再点击然后隐藏,右键审查元素看了一下,用到的是svg标签 <svg x="0px"

查看全文