Clik here to view.
辞旧迎新，更上一层
随着2015年的跨年钟声的响起，2014已成为我们的过去。即将要为之奋斗的是2015。其实想在2014年写这篇总结文章，但由于最近很多事情给耽搁了，其实也有点不知道做什么样的一个总结，因为总感觉2014年就这样匆匆离我而去。有些许的伤感，或许是因为年纪越来越大的缘故吧。不过跟着一群比自己小一轮甚至更多岁数的年轻人在一起共事、一起学习，还是让自己觉得，我也还是很年轻的（可以叫我叔，但别喷我）。今天可算...
View ArticleClik here to view.
2015年CSS的几大亮点
CSS是一门不断在发展的“语言”。在这篇文章中，我们一起来看看我们可以先玩起来的一些新特性。在本文中提到的一些新特性，在个别浏览器中已得到支持。但这些功能并不一定可以立即用于生产，甚至有些还是在实验阶段。但在这里你会发现很多东西，你可以开始玩——即使仅在实验阶段。第四代CSS选择器CSS3的选择器提供了很多像:nth-child这样有用的选择器，并且得到浏览器支持。CSS的第四代选择器（CSS4选择...
View ArticleClik here to view.
解决Flexbox跨浏览器兼容Bug
更新：在发布之篇文章之后，我在Github上创建了一个Flexbugs库，用来回收Flexbox相关的Bug。主要宗旨是收集Flexbox跨浏览器存在的问题和解决方案。目标是让你使用Flexobx构建一个网站能得到你想要的效果，并且能在这里找到相应的解决方案。早在2013年9月，我在测试我的Solved by Flexbox项目时，在IE10和IE11中发现了一个Bug，就是Sticky...
View ArticleClik here to view.
2014年CSS报告——考察如何使用CSS
CSS主要是将一个HTML结构变成一个正确显示的页面。CSS是一种允满怪癖和有很多不可预测的行为的语言，因此，通常情况之下，开发人员（后端程序开发人员）最讨讨厌使用他来做任务。过去几年，市场上明显出现很多框架和工具，用来帮助大家少写CSS代码和减少编写CSS时产生的错误。而Sass和LESS这样的预处理器更是普遍的运用于Bootstrap、Foundation、Bourbon、Susy和Unsema...
View ArticleClik here to view.
打印样式设计
如果你对许多从事网页开发的人提起打印样式，他们第一反映会想到使用打印CSS。当网页文档需要被打印时，我们已经习惯于创建一个打印样式表。这些样式表确保打印版本清晰并且保证用户不会打印出巨幅图像。然而，CSS也被用来排版图书，商品目录以及宣传册 -...
View ArticleClik here to view.
CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?
我已经想了很多关于自己编写的CSS，其当前的状态和这么多年来是如何改变的。我通常在开始做一个新项目的时候都会使用自己的框架Motherplate。它使用了Sass和Compass。大部分的类名最初都没有基于任何其他的框架。也不是故意这么做的。现在，我认识的大多数开发人员都在使用Bootstrap。如果一个朋友要启动一个新项目，得到一些应用程序上的帮助，我通常会建议他们使用Bootstrap框架。这样...
View ArticleClik here to view.
顺丰海淘招小伙伴了
顺丰做带头大哥的创业公司，天使轮1个亿。没错，是天使轮。 开放的工程师文化：测试同学会做PM，前端同学精通PC和APP，Java的后台同学都是Full Stack 如果你精通Java，或者喜欢前端，或者你是Full Stack，或者你觉得自己很牛X，很适合我们，请扫描下面的二维码加我，给我简历~~~ 语言不限，ACM加分 工资？OFFER？不要急，都有 坐标：上海 漕河泾开发区...
View Article1号店招聘移动前端开发工程师
1号店招聘大量移动前端开发工程师，工作地点：上海 张江。高中级的工程师都需要，靠谱的应届生也欢迎来实习。通用框架组、微信传播组、业务线组虚位以待。我们不用考虑拖后腿的IE6~8，HTML5、CSS3、Canvas、移动开发、hybrid、python、django...
View ArticleClik here to view.
Sass Guidelines中文版本之一：相关信息
有一份规范的指南能协助您更理智的，更好维护和更好扩展Sass。Sass指南已经翻译成好几种语言，感谢这些贡献者。你可以在控制面板中切换需要的语言。关于作者我是Hugo Giraudel，一名即将迁居柏林的法国前端工程师。到目前为止，我已经使用Sass两年多了，并开发了一些与之相关的项目，比如:SassDoc和...
View ArticleClik here to view.
Sass Guidelines中文版本之二：简介
上篇Sass Guidelines中文版本之一：相关信息主要介绍了Sass Guidelines相关的信息，那么在这一节中将进入正轨，向大家开始介绍Sass...
View ArticleClik here to view.
Sass Guidelines中文版本之三：命名约定和注释
通过Sass Guidelines中文版本之一：相关信息和Sass Guidelines中文版本之二：简介的阅读，我想大家对Sass Guidelines或多或少有一点了解，如果你对此规范指南感兴趣的话，那么接下来可以阅读这篇文章，这是Sass...
View ArticleClik here to view.
腾讯深圳IMWeb前端团队诚邀您的加入
腾讯IMWeb前端团队成立于2009年，曾负责QQ核心的注册、登录、QQ群及资料关系链管理等基础服务。目前团队负责腾讯在线教育、O2O等新业务的布局和落地。...
View ArticleClik here to view.
Sass Guidelines中文版本之四：项目文件管理
经常会有初学者问，使用Sass时要如何管理自己项目中的文件。也有不少同行朋友针对此问题做过总结与探讨，网上相关的案例也不少，比如说很好的参照案例有：Bootstrap和Foundation等。在Sass Guidelines中也特意针对...
View ArticleClik here to view.
Clik here to view.
周刊6#:Material Design资源
Google的Material Design的流行已经引发了一个新时代用户界面概念。不管是移动应用还是Web网站都可以使用Material Design，这也给所有的用户界面设计师提供了一个新的设计风格指南。今天特意搜集了有关于Material...
View ArticleClik here to view.
Clik here to view.
Clik here to view.
Sass入门
你是否一直想学Sass，但却始终没有行动？你是否是Sass的使用者，但却感觉自己只是多了一个工具？那么请继续读下去，让我们一起重温Sass的特性和另外一些很酷的东西吧。Sass是什么？Sass (Syntactically Awesome Style...
View ArticleClik here to view.
周刊7#：响应式设计
早在2010年响应式设计概念就提出，在这两年响应式设计已不是什么新鲜概念与时尚了。而且响应式的设计的运用也越来越多，学习和想了解响应式设计的同学也越来越多。今天收集了响应式设计相关方面的资源，希望这些资源对想学习响应式设计的同学有所帮助响应式设计Responsive响应式设计中文教程响应式设计中文教程在国内同行网站上也有很多，W3cplus站上也一样，整理了有关于响应式设计相关的教程，这些中文教程涵...
View ArticleClik here to view.
CSS中的合成与混合模式
如果你是一个设计师，你很可能已经遇到或者总有一天会遇到混合效果。混合在图形和印刷设计方面是使用最频繁的效果之一。你可以通过混合文字和纹理背景来给文字添加纹理，通过把图片混合营造出图片融合的错觉，并创造出广泛而丰富多彩的效果，如果对混合控制没有达到如此精细的程度是不可能创造出这些效果的。Graphics editors such as Photoshop or Illustrator come...
View Article