必看!移动前端开发优化指南

必看!移动前端开发优化指南
移动前端开发由于是在手机上使用,需要考虑到网络信号较差和为用户的流量着想,性能和加载速度就是前端开发人员需要认真考虑的,PC的优化手段同样使用在移动端上,下面一起看看腾讯ISUX这篇文章是如何从CSS、JavaScript、http请求和硬件渲染方面做出优化的。

妹子UI换新域名meizi.io

妹子UI换新域名meizi.io
国内做得比较用心的一个前端开发框架Amaze UI,为移动而生;组件丰富、模块化;更好的适应中文本体;轻量级、高性能。相信前端开发人员都有所了解,类似于国外的Bootstrap,前几天换了新域名meizi.io(妹子)。据说已经跻身国内开源前5。一起来看看:Amaze UI:BAT开源软件“角逐战”里的“不速之客”吧。

神奇的纯CSS图标

神奇的纯CSS图标
使用纯CSS的伪元素来创建简单的图标,这是一个比较有创意的做法,正如你在本站看到的评论数图标就是用:before和:after来制作的,下面分享一个国外的朋友制作了84个常用图标,一起来体验神奇的CSS图标。

CSS3 calc() 会计算的样式

CSS3 calc() 会计算的样式
calc()是英文单词calculate(计算)的缩写,是css3的一个新增的功能,你可以使用calc()计算border、margin、pading、font-size和width等属性设置动态值。

CSS自适应布局等分比例实践

CSS等比例划分,在CSS布局中是比较重要的,下面分享几种常用方法和探讨一下兼容性。 一:浮动布局+百分比 emmet html代码:ul.float-ul>li*5>.con>h3{等分标题}+p{等分内容等分内容} . ...

CSS select样式优化

CSS select样式优化
CSS 下拉选择菜单基本的CSS样式不怎么好看,通过一些简单的样式优化,可以得到上面的样式,不兼容IE6样式,因为用到了opacity。

Bootstrap CSS3媒体查询断点

Bootstrap响应式设计,就是一个典型的媒体查询CSS框架,它设定了某些媒体查询节点,根据不同设备宽度,写不同的断点位置来做响应式查询。

iPhone6的CSS3媒体查询

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { /*iPhone 6 ...

CSS3魔术:纯CSS视差滚动效果

国外前端开发的一个牛人Keith Clark 创造的纯CSS视差滚动效果,在本文中他讲解了使用CSS视差滚动背后的核心概念:不同元素以不同的速度滚动。这是一个非常聪明(同时也很简单)结合三维来推动元素在屏幕上动起来,改变它的速度的同时也在调 ...

最好的前端开发资源推荐

最好的前端开发资源推荐
很早的一篇前端开发资源,今天才看到,里面有各种各样的开源资源,包括HTML5、CSS3、jQuery、PHP和JavaScript库等,每个资源都是比较热门的,你可以将它运用到你的项目中,或者可以纯粹的拿来学习,从各位前端大神的作品中成长。 ...