Clik here to view.
《图解CSS3：核心技术与案例实战》
本书是国内著名的Web前端专家历时2载的心血之作，根据最新的CSS3撰写，融入了作者在CSS领域多年的使用经验，旨在将本书打造成为CSS3领域最权威和实用的专业著作，供没有经验的读者系统学习，供有经验的读者参考备查。本书理论知识系统全面，详细讲解了选择器、边框、背景、文本、颜色、盒模型、伸缩布局盒模型、多列布局、渐变、过渡、动画、媒体、响应Web设计、Web字体等主题下涵盖的所有CSS3新特性，所有...
View ArticleClik here to view.
移动端重构系列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 ArticleClik here to view.
移动端重构系列10——侧边栏导航
本系列文章，如果没有特别说明，兼容安卓4.0.4+panel一般用来做侧边栏导航，铺满整屏高度，有两种展现形式：第一种直接盖在整块内容栏（包括header和footer部分）上面，如图一；第二种把整块内容栏推开panel的宽度，如图二设计结构如下：<header class="header"></header> <div class="wrap-page">...
View ArticleClik here to view.
移动端重构系列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 ArticleClik here to view.
移动端重构系列12——popup
本系列文章，如果没有特别说明，兼容安卓4.0.4+popup分为两种：一种是内容比较多，直接以全屏显示，如图一；一种是少量内容的popup提示，如图二先上demo：popup测试 popup page第一种形式，设计结构如下：<header class="header"></header> <div class="wrap-page"> <section...
View ArticleClik here to view.
第三届“HTML5峰会”变身“iWeb峰会” 8月来袭
大会官网码农招聘图书签售第三届“HTML5峰会”——2000人规模的“iWeb峰会”将于8月16日在北京召开。本次大会由HTML5梦工场主办，是在前两届“HTML5峰会”基础上的延伸和升华。三年以来，HTML5梦工场致力于在前端工程师中推广最前沿的技术，传播标准，鼓励实践。今天，“HTML5”已经不仅仅是某一种技术的代言，更成为几百万技术开发者前端视角的代言。而“HTML5”的品牌化也赋予了它更丰富...
View ArticleClik here to view.
移动端重构系列13——页面切换
本系列文章，如果没有特别说明，兼容安卓4.0.4+前面说的切入切出动画，一般用来前面的panel，popup，modal等效果，本篇主要说下整个页面的切换。布局，还是布局在分析页面滑动之前，我们再来讨论下之前的结构：<header class="header"></header> <div class="wrap-page"> <section...
View ArticleClik here to view.
前端课程
系列：HTML+CSS基础课程8小时带领大家步步深入学习标签的基础知识，掌握各种样式的基本用法。2014-04-04更新4903人学习更新至12-8课程时长：8小时0分案例：CSS3 3D...
View ArticleClik here to view.
CSS Shapes：打破矩形设计的限制
本文由尤小博根据Patrick Catanzariti的《CSS Shapes: Breaking the Rectangular Design...
View ArticleClik here to view.
Clik here to view.
CSS和SVG中的剪切——clip-path属性和元素
本文由大漠根据SaraSoueidan的《Clipping in CSS and SVG – The clip-path Property and <clipPath>...
View ArticleClik here to view.
理解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 ArticleClik here to view.
如何在项目中使用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