《图解CSS3:核心技术与案例实战》
本书是国内著名的Web前端专家历时2载的心血之作,根据最新的CSS3撰写,融入了作者在CSS领域多年的使用经验,旨在将本书打造成为CSS3领域最权威和实用的专业著作,供没有经验的读者系统学习,供有经验的读者参考备查。本书理论知识系统全面,详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性,所有...
View Article移动端重构系列8——滚动
本系列文章,如果没有特别说明,兼容安卓4.0.4+原生滚动原生滚动的属性为:-webkit-overflow-scrolling:touch;,如果是走高富帅的苹果路线,是没问题的,谁让这是人家亲生的呢;如果是安卓的话,我真不知道是支持还是不支持,说不支持吧好像有点缓动效果,说支持吧好像把这条属性砍掉也一样,感兴趣的可以自己测试下(添加或删除这个属性对比下)原生滚动支持测试:overflow-scr...
View Article移动端重构系列9——图片滚动
本系列文章,如果没有特别说明,兼容安卓4.0.4+这里我们采用swipe来做我们移动端的图片滚动滚动原理既然说到滚动,那跟我们上篇说到的iscroll多少有点关系吧。下面对swipe的滚动原理和iscroll的滚动原理简单分析下,以相同的结构为例:<div class="wrap"> <ul class="scroll"> <li></li>...
View Article移动端重构系列10——侧边栏导航
本系列文章,如果没有特别说明,兼容安卓4.0.4+panel一般用来做侧边栏导航,铺满整屏高度,有两种展现形式:第一种直接盖在整块内容栏(包括header和footer部分)上面,如图一;第二种把整块内容栏推开panel的宽度,如图二设计结构如下:<header class="header"></header> <div class="wrap-page">...
View Article移动端重构系列11——弹窗modal
本系列文章,如果没有特别说明,兼容安卓4.0.4+设计结构如下:<header class="header"></header> <div class="wrap-page"> <section class="page"></section> ... </div> <footer...
View Article提高Sass水平的小技巧
本文由大漠根据Hugo Giraudel的《Tips to Help You Level Up Your Sass》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如需转载此译文,需注明原作者相关信息http://www.sitepoint.com/tips-help-level-up-sass/。——作者:Hugo...
View Article移动端重构系列12——popup
本系列文章,如果没有特别说明,兼容安卓4.0.4+popup分为两种:一种是内容比较多,直接以全屏显示,如图一;一种是少量内容的popup提示,如图二先上demo:popup测试 popup page第一种形式,设计结构如下:<header class="header"></header> <div class="wrap-page"> <section...
View Article第三届“HTML5峰会”变身“iWeb峰会” 8月来袭
大会官网码农招聘图书签售第三届“HTML5峰会”——2000人规模的“iWeb峰会”将于8月16日在北京召开。本次大会由HTML5梦工场主办,是在前两届“HTML5峰会”基础上的延伸和升华。三年以来,HTML5梦工场致力于在前端工程师中推广最前沿的技术,传播标准,鼓励实践。今天,“HTML5”已经不仅仅是某一种技术的代言,更成为几百万技术开发者前端视角的代言。而“HTML5”的品牌化也赋予了它更丰富...
View Article移动端重构系列13——页面切换
本系列文章,如果没有特别说明,兼容安卓4.0.4+前面说的切入切出动画,一般用来前面的panel,popup,modal等效果,本篇主要说下整个页面的切换。布局,还是布局在分析页面滑动之前,我们再来讨论下之前的结构:<header class="header"></header> <div class="wrap-page"> <section...
View Article前端课程
系列:HTML+CSS基础课程8小时带领大家步步深入学习标签的基础知识,掌握各种样式的基本用法。2014-04-04更新4903人学习更新至12-8课程时长:8小时0分案例:CSS3 3D...
View ArticleCSS Shapes:打破矩形设计的限制
本文由尤小博根据Patrick Catanzariti的《CSS Shapes: Breaking the Rectangular Design...
View ArticleCSS和SVG中的剪切——clip-path属性和元素
本文由大漠根据SaraSoueidan的《Clipping in CSS and SVG – The clip-path Property and <clipPath>...
View Article理解CSS Shapes的引用框
本文由大漠根据Razvan Caliman的《Understanding Reference Boxes for CSS Shapes》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如需转载此译文,需注明原作者相关信息http://razvancaliman.com/writing/css-shapes-reference-boxes/。——作者:Razvan...
View Article保持Sass的简单
本文由大漠根据Hugo Giraudel的《Understanding Reference Boxes for CSS Shapes》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如需转载此译文,需注明原作者相关信息http://www.sitepoint.com/keep-sass-simple/。——作者:Hugo...
View Article如何在项目中使用Sass
想想学习Sass时间也有差不多一年的光景了。在这一年来的时间中,在GitHub不断阅读Sass相关的源码。也在国外涉猎了相关的知识,也让自己初步掌握了一些Sass一些基础知识与技能,当然也让自己喜欢上了Sass,并且在国内致力于Sass的推广。希望各多的前端开发者喜欢上Sass,也希望Sass能真正为前端人员带来好处。最近看到越来越多的同学在学习和使用Sass,感到非常的高兴,终于有更多的同行朋友加...
View Article编写Sass的八个技巧
本文由大漠根据Cathy Dutton的《10 Useful Sass Mixins for Modern Developer》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如需转载此译文,需注明原作者相关信息http://www.sitepoint.com/8-tips-help-get-best-sass/。——作者:Cathy...
View Article七牛云存储招前端啦!
Web前端工程师地点:上海张江工作职责:负责网站web及APP前端设计和开发,支持视觉设计以及 web 开发的相关工作;解决不同的浏览器及不同版本的兼容性问题;参与各个线上活动的互动创意。与服务端工程師合作完成活动参与市场活动的产品化。对你的要求:两年以上 web 前端开发经验;精通HTML语言,精通 CSS+DIV,JS等前端开发语言;熟练使用jquery、jquerymobile等框架;理解...
View ArticleBEM修饰符:多类名 VS Sass @extend
本文由大漠根据Ben Smithett的《BEM modifiers: multiple classes vs @extend》所译,整个译文带有我们自己的理解与思想,如果译得不好或有不对之处还请同行朋友指点。如需转载此译文,需注明原作者相关信息http://bensmithett.com/bem-modifiers-multiple-classes-vs-extend/。——作者:Ben...
View Article