Clik here to view.
再说CSS3渐变——线性渐变
渐变背景一直以来在Web页面中都是一种常见的视觉元素。但一直以来，Web设计师都是通过图形软件设计这些渐变效果，然后以图片形式或者背景图片的形式运用到页面中。Web页面上实现的效果，仅从页面的视觉效果上来看，与设计并无任何差异。事实上这种方法是比较麻烦的，因为首先需要设计师进行设计，然后进行切图，在通过样式应用到页面中。另外，在实际应用中可扩展性差，还直接影响页面性能。值得庆幸的是，W3C组织将渐变...
View ArticleClik here to view.
再说CSS3渐变——径向渐变
上节在《再说CSS3渐变——线性渐变》和大家一起学习了CSS3 Gradient中径向渐变最新语法（称得上是W3C的标准语法）相关知识以及其基本使用。今天我们在这一篇中主要和大家一起来了解渐变中的径向渐变新语法以及其基本使用。...
View ArticleGrid
本文由大漠根据Chris Coyier的《grid》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://css-tricks.com/almanac/properties/g/grid，以及作者相关信息——作者：Chris...
View ArticleClik here to view.
Flexbox制作CSS布局易如反掌
本文由大漠根据David Storey的《Designing CSS Layouts With Flexbox Is As Easy As...
View ArticleClik here to view.
前端技术
互联网是一个快速进化。我们工作的一个重要部分是前端开发人员,需要跟上潮流和不断学习新工具、趋势和工作流。在互联网上，每一天数以百计的博客和文章发表,但是你没有办法可以都读得过来。我们认为你应该有要有不断更新的方法,所以我们创建了这样的一个网站。在线地址：http://uptodate.frontendrescue.org/Github地址：https://github.com/frontend-re...
View ArticlesassCore——设计更好的sass库
目前sass库中应用最多的应该就是compass和bourbon，但是使用之后会发现compass设计太复杂了，而bourbon有点太简单了。于是只好琢磨着去搞一个使用起来更方便合理的sass库，经过翻阅众多资料、实践及思考，终于有了现在的sassCore，当然到目前为止sassCore还不是非常完善，但是对付日常的工作已经很够了。之所以说是设计更好，决不会空穴来风，下面我们从几个方面简单说下sas...
View Article浅析sass死亡在团队合作中
其实很多人对sass都有所了解，尤其是国内的大团队，甚至花过一番力气去推广，可是最后却一个个流产，这其中的原因众多。这里我简单说下个人的一些理解，如有不对还请手下留情。第一，sass毕竟有一个学习成本，不过学习过的人都知道，其实学习这个起来还是很快的，如果你团队确实存在某个人连这个都学不会，那就别让他搞css了，要不拍拍屁股走人要不搞别的去要不他就是当领导的吧。第二，sass不能动态引入在线的资源，...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
使用CSS3 Grid布局实现内容优先
本文由大漠根据Rachel Andrew的《Giving Content Priority with CSS3 Grid Layout》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://24ways.org/2012/css3-grid-layout，以及作者相关信息——作者：Rachel...
View ArticleClik here to view.
HTML5实例教程第一期——制作酷炫音频播放器插件
demodownload上图便是这个音频播放器的UI界面图，里面还隐藏了一个歌曲的播放列表。整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成，看上去有难度的地方就只有CD和打碟器的制作了，在歌曲播放时CD和打碟器都是具有动画交互效果的，这个在后面的部分会讲解到。点击播放器的CD可以打开播放列表噢~因为这一期的教程主要是为了展示Html5新增的&...
View ArticleClik here to view.
50款拥有超赞用户体验的精美移动UI设计
特别声明：此篇文章由Yoo根据Muhammad Faisal的英文文章原名《50 Beautiful Mobile UI Design with Amazing User...
View ArticleClik here to view.
CSS3网格布局介绍——网格的运行
本文由大漠根据Constantin Kichinsky的《Introduction into CSS3 Grid Layout. Working with...
View ArticleClik here to view.
HTML5守望者
HTML5守望者是2013年度的一场有关于HTML5的峰会，距离开幕还有65天。这次W3CPLUS能作为一个前端社区被HTML5梦工场的@娜姐列入此次峰会的协办方，让我受宠若惊。在此特别要感谢@娜姐一直以来对W3CPLUS的关爱以支持，对我一直以来的鼓励。同时也特别感谢同学们一直以来对W3CPLUS支持，一路有你们，我感到很幸福。W3CPLUS有幸作为2013年度HTML5峰会的协办方，除了倍感荣幸...
View ArticleClik here to view.
Less/Sass编译工具，koala使用指南
如果你正在使用sass、less或coffee，而没有注意到koala，那说明你可能已经好久没有更新你的知识库了。koala这个由国人编写的，用于编译sass、less、coffee利器，在最近的短短几个月曝光率不亚于任何其他的技术。当然这跟其作者的辛勤劳动，让其更强更优秀有很大关系。在此先感谢koala的作者们，感谢你们给我们带来这么棒的免费工具。其实编译工具有很多，我本人就各种免费的编译sass...
View ArticleClik here to view.
如何使用CSS网格创建一个自适应布局
毫无疑问，当开发人员谈到网页布局时会有很多选择。为了确保你的布局可以适应不同设备、方向和屏幕大小，你需要慎重考虑清楚，你要使用哪些方法来布局。网格布局是一个新的布局方法，使你可以把网页的主要区域在游览器窗口内设置一个固定大小或者自由空间，你也可以两个同时使用。因为网格布局使用您能够根据列和行对齐，但没有内给结构，它还使场景像这篇文章中描述的，要么是不可能或很难用HTML和CSS样式实现。但你使用网格...
View ArticleClik here to view.
Text-align:Justify和RWD
本文由大漠根据Patrick Kunka的《Text-align: Justify and RWD》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.barrelny.com/blog/text-align-justify-and-rwd/，以及作者相关信息——作者：Patrick...
View ArticleClik here to view.
25个流行网站的概念设计
当浏览热门网站（如Facebook、Twitter和Google...），我相信大多数设计师在同一时间或另一个时间段，想把自己的创意和想像运用到这些站上，重新设计它们。也午只是做一个调整这里或调整那里。或者，设计师在这个页面，发挥他们的创造力，把这些网站从上到下重现一回。有一些设计真的令人印象深刻。所以，在这里整理了25个流行网站的重新设计概念，希望大家喜欢。 1、Twitter...
View ArticleClik here to view.
Clik here to view.
CSS布局的未来
本文由LL根据Peter Gasston的《The future of CSS layouts》站点所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.netmagazine.com/features/future-css-layouts，以及作者相关信息——作者：Peter...
View Article