分类:经验/技巧

20个很有用的CSS技巧

20个很有用的CSS技巧
下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。1. 黑白图像这段代码会让你的...

2年前 (2016-04-27) 926℃ 评论 () 329喜欢

CSS box-shadow属性和drop-shadow过滤器的比较

CSS box-shadow属性和drop-shadow过滤器的比较
关于CSS box-shadow 属性和 drop-shadow 过滤器之间的差异与优劣的话题已经不是新鲜事了,box-shadow属性出现得比较早,它被现代浏览器广泛支持。而drop-shadow是从SVG中引入CS...

2年前 (2016-04-24) 840℃ 评论 () 425喜欢

关于提高浏览器渲染页面速度的建议

关于提高浏览器渲染页面速度的建议
怎样尽可能的缩短浏览器上页面渲染的时间,文章从以下几方面着手:写出高效的css代码避免使用css表达式把css文件放在页面顶部指定页面图片的尺寸页面头部标明文档编码一、写出...

2年前 (2016-04-17) 729℃ 评论 () 367喜欢

常见的浏览器兼容性问题与解决方案

常见的浏览器兼容性问题与解决方案
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况。在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或...

2年前 (2016-04-16) 1051℃ 评论 () 435喜欢

移动端web字体

移动端web字体
一、手机系统默认字体1、ios 系统(1)、默认中文字体是Heiti SC(2)、默认英文字体是Helvetica(3)、默认数字字体是HelveticaNeue(4)、无微软雅黑字体 2、android 系统(1)、默...

2年前 (2016-04-04) 1037℃ 评论 () 366喜欢

如何考评一名前端工程师?

如何考评一名前端工程师?
本文标题的命名方式参考了芋头所写的《如何面试一名前端开发工程师?》。「考评」是「面试」的子集,是一个很重要的环节,如果谁打算做「前端工程师面试合集」的话,记得把我这篇文...

2年前 (2016-04-02) 970℃ 评论 () 346喜欢

响应式互联网设计

响应式互联网设计
“在印刷媒体中设计师拥有一种熟悉的掌控感,从而常常渴望在互联网上也能同样地掌控全局。然而这种掌控其实只是实体印刷页面本身固有的一种局限而已。互联网恰恰没有这种局...

2年前 (2016-03-13) 678℃ 评论 () 233喜欢

我是如何打败拖延症的

我是如何打败拖延症的
关于拖延症的话题我在Hacker News上不断的看到有人提出来(你也读了,不是吗?),感觉有必要将我是如何跟拖延症做斗争的方法分享给大家。然而,我这里说的主要是针对程序员/美工,但其实...

2年前 (2016-03-10) 765℃ 评论 () 260喜欢

关于img标签周围留白的问题

关于img标签周围留白的问题
在进行页面的DIV CSS排版时,遇到浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是“见机行事”。1、将图片转换为块级对象即,设置img为“disp...

2年前 (2016-03-07) 347℃ 评论 () 251喜欢

下拉 JQuery 固定导航

下拉 JQuery 固定导航
有很多同学喜欢把导航定在头部,但并不是一开始就定在哪里,需要往下拉一定距离才执行,下面写了一个简单的方法:需求是滚动条往下拉300像素时导航固定,看一下demo的演示地址演示地...

2年前 (2016-02-02) 270℃ 评论 () 116喜欢

WebStorm快捷键操作大全

WebStorm快捷键操作大全
小编很贴心,已经把汉化的中文版 webstorm 准备好了,这个工具功能很强大,很好用,现把它的一些常用的快捷键列出来,供使用者参考:...

2年前 (2016-02-01) 694℃ 评论 () 140喜欢

大势所趋,安息吧,万恶的IE!一个时代的终结

大势所趋,安息吧,万恶的IE!一个时代的终结
自古以来,顺势则生,逆势则亡的道理,已被无数次地证明。历史是无情的,也是公正的,他在给前人教训的同时,也在给后人无限的警示。哪怕是微软,也无法逃脱这样的命运。要让一个软件死亡...

2年前 (2016-01-15) 256℃ 评论 () 118喜欢

移动端web app自适应布局探索与总结

移动端web app自适应布局探索与总结
在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640 * 1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置,例如背景图的多倍图、基础字体大小、图标宽高。
...

2年前 (2015-12-23) 1358℃ 评论 () 217喜欢

关于软件的生命周期

关于软件的生命周期
第一次听说生命周期这个概念还是在一次面试中,面试官让我说说一个框架的生命周期,然后。。。然后。。。面试就结束了好吧,回到正题,生命周期是什么,百度百科上面搜一下生命周期、软件生命周期 很多描述。我所理解的生命周期就是一个事物的核心流程,例如:...

2年前 (2015-12-06) 102℃ 评论 () 102喜欢

黄金比例在设计中的运用

黄金比例在设计中的运用
吉萨金字塔、蒙娜丽莎、Twitter和百事可乐有什么共同点?答案很简单,它们的设计都遵循了黄金比例。作为一个常见的数学比例,黄金比例实际上 是从自然界中总结并发现的,用于设计中的时候能赋予作品更多的设计美感,赏心悦目。那么,黄金比例到底是怎么样的比例,它又是如何运用到设计中并提升设计 作品的呢?什么是黄金比例?


...

2年前 (2015-12-02) 391℃ 评论 () 93喜欢

3个方面提升设计效率

3个方面提升设计效率
最近明明(人家真叫明明)和我抱怨说:老大总是说我设计东西慢,效率低,真是烦死了,要知道设计的好又快的东西这个世界上是没有的...

2年前 (2015-11-17) 313℃ 评论 () 114喜欢

高清ICON SVG解决方案(下)

高清ICON SVG解决方案(下)
在上一篇文章中,我们讲述了字体渲染机制和导致iconfont出现锯齿的原因,以及如何才能出绘制高质量SVG ICON,并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清IOCN,并且良好支持PC下的各个浏览器,并兼容IE6+以上的浏览器。...

2年前 (2015-11-15) 223℃ 评论 () 125喜欢