CSS3
分享CSS3新技术,CSS3动画,CSS3特效,CSS3代码和CSS3相关资源
必看!移动前端开发优化指南
移动前端开发由于是在手机上使用,需要考虑到网络信号较差和为用户的流量着想,性能和加载速度就是前端开发人员需要认真考虑的,PC的优化手段同样使用在移动端上,下面一起看看腾讯ISUX这篇文章是如何从CSS、JavaScript、http请求和硬件渲染方面做出优化的。
妹子UI换新域名meizi.io
国内做得比较用心的一个前端开发框架Amaze UI,为移动而生;组件丰富、模块化;更好的适应中文本体;轻量级、高性能。相信前端开发人员都有所了解,类似于国外的Bootstrap,前几天换了新域名meizi.io(妹子)。据说已经跻身国内开源前5。一起来看看:Amaze UI:BAT开源软件“角逐战”里的“不速之客”吧。
神奇的纯CSS图标
使用纯CSS的伪元素来创建简单的图标,这是一个比较有创意的做法,正如你在本站看到的评论数图标就是用:before和:after来制作的,下面分享一个国外的朋友制作了84个常用图标,一起来体验神奇的CSS图标。
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 下拉选择菜单基本的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库等,每个资源都是比较热门的,你可以将它运用到你的项目中,或者可以纯粹的拿来学习,从各位前端大神的作品中成长。 ...