flex是个非常好用的属性,如果说有什么可以完全代替 float 和 position ,那么肯定是非它莫属了(虽然现在还有很多不支持 flex 的浏览器)。然而在移动开发中,本来绝大多数浏览器(包括安卓2.3以上的自带浏览器)都支持的属性,偏偏有个例外,就是国产某某X5内核神器(不知哪个版本的webkit,仅支持 display:box),自主研发这东西也不好多说什么了,下面入正题。
标签:css3
顶级WEB前端工程师,看看你还差多少。
滚动视差网站是在前两年兴起的一个趋势,然而随着浏览器的升级,HTML5和CSS3被越来越多的浏览器支持,而且性能也越来越好——主要是Chrome市场占有率的提升以及IE市场份额的大量减少——滚动视差网站的效果也越来越炫越来越流畅了。 那么今天我们来分享国外的30个炫酷的滚动视差网站设计,希望能给你带来一些灵感,然后如果大家有好的国产的滚动视差网站设计,也欢迎推荐给我们,当然我知道其实也不乏这样的设计,之前神飞有见过但并没有收集。
或许前端开发并没有你想象中那么随意
你常常听说“全栈工程师”这个叫法吧,不过这到底表示什么意思呢,你觉得自己应该成为一名全栈工程师么?下面我们就来探讨一下这个话题。在Web与软件开发的世界中有3个基本的关注点:前端、后端与全栈。下面就来解释一下他们的含义。
(iPhone/iPad/Galaxy/HTC One etc.)
总结了下前端这两年的主流技术,大部分技术在我的博客里有较深入的研究学习,对应技术博客地址:http://ouvens.github.io,博客持续更新中,欢迎大家关注~
一般人不会说出来的移动前端动画技巧,在这篇教程你会发现许多非常有用的动画处理技巧,细心点还会发现许多有用的zepto插件,例如:zepto.onepagescroll.js、zepto-touch.js、weixinshare.js,以下为原文。
CSS3的box-shadow有点类似于text-shadow,只不过不同的是text-shadow是对象的文本设置阴影,而box-shadow是给对象实现图层阴影效果。(本文我们搁下IE不谈,只谈谈box-shadow的具体使用方法)
今天给大家分享的主题是前端的自我成长,这是一个关于成长的话题。
多端适配其实已经是个老生常谈的话题了,随着移动端的兴起到趋于稳定,WEB也已经发展到相对成熟的阶段。在经历了一番番的更新演进后,业界有了非常丰富的多端适配的方案。PC与移动也从分离 → 融合 → 分离走了完整的一个过程。今天小剧就来聊聊我个人对多端适配的一些想法。
在前端开发制作中,图片垂直居中对齐是很常见的,有些是固定高度,有些没有固定高度,本文分享我用的四种方法,希望对你有所启发。