腾讯深圳IMWeb前端团队诚邀您的加入

腾讯IMWeb前端团队成立于2009年,曾负责QQ核心的注册、登录、QQ群及资料关系链管理等基础服务。目前团队负责腾讯在线教育、O2O等新业务的布局和落地。 团队在敏捷实现业务需求的同时,积极的投身于技术研究和基础建设上,在腾讯公司内建设了非常有影响力的Nohost、badJS、nlog及ATM等技术项目。2015年团队目标是走出腾讯,走向世界。殷切期待你的加入。 简历投递:henryguo@tencent.com

Sass Guidelines中文版本之三:命名约定和注释

通过Sass Guidelines中文版本之一:相关信息Sass Guidelines中文版本之二:简介的阅读,我想大家对Sass Guidelines或多或少有一点了解,如果你对此规范指南感兴趣的话,那么接下来可以阅读这篇文章,这是Sass Guidelines第三部分,主要介绍了如何在Sass编写中命名和写注释。里面提供的一些细节还是值得大家编码中注意一二的。

Sass Guidelines中文版本之二:简介

上篇Sass Guidelines中文版本之一:相关信息主要介绍了Sass Guidelines相关的信息,那么在这一节中将进入正轨,向大家开始介绍Sass Guidelines有关于Sass的相关内容。主要介绍了为什么要一份这样的指南,其原则是什么,以及Sass的一些语法书写规范围等等。

Sass Guidelines中文版本之一:相关信息

Sass Guidelines是法国一位前端工程师Hugo Giraudel编写的一份有关于Sass相关的规范指南。有一份规范的指南能协助您更理智的,更好维护和更好扩展Sass。而且这份指南已经翻译成多个语言版本,受到Sass爱好都的一致好评。那么在我们大中华区域,我和@南北同学一起将其译成中文,希望能对大家有所帮助。如果译得不对之处,还请多多指正

CSS, Sass, SCSS, Compass, Less,BEM, SMACSS, OOCSS, ACSS, CCSS, WTFSS?

大家都说CSS学和写都简单,那么写了多年CSS的同学是否有静下来思考过,自己写CSS是有较为系统的和具有一定规范的,而不是草率的写CSS。另外就是自己写的CSS在团队中,别的同学是否能看到代码就知道您写的是什么?如果没有,那不仿看看这里提到的一些概念与思想,比如:Sass 、SCSS、LESS、BEM、SMACSS、OOCSS、ACSS和CCSS等。这里列出的,你听说过、了解过或已在运用的有几个。如果是第一次听说他们,不仿进入相关小节,了解他们是什么?

打印样式设计

对于Web前端开发人员来说,或许有碰到过打印页样样式的设计。说起这个或许很多同学都会想起打印样式表。但真正打印样式表要如何设计,如何制作?并没有太式人深纠。也致使很多同学在让客户打印机能更好打印Web页面时非常的痛苦。在这篇文章里,我们将探索一些已有的CSS模块,它们不是在网页浏览器中使用,而是为了解决打印和分页的问题。我将解释选择器,属性和值的作用。最后我会提供一个实际例子,你可以把它作为自己试验的基础。对于这个例子,我们需要支持这些特殊CSS。我正在用的是Prince,它是一个商业软件。然而,Prince有针对非商业使用的免费版本,是实验这些例子的好工具。

2014年CSS报告——考察如何使用CSS

很少有人针对CSS的使用做一份详细的报告,今天看到Alex McPherson的《The 2014 CSS Report:Examining how CSS is being used in the wild》一篇文章,作者通过近万个网站的CSS样式文件做分析,得出这份2014年CSS使用报告。觉得很有意义,特意将其整理到站上,让大家也了解这份报告说了哪些东西。希望对大家有所帮助。

解决Flexbox跨浏览器兼容Bug

Flexbox是CSS3新增的一个功能特性,对于布局有很大方便之处。但浏览器支持力度各异,而且其规范也还在不断更新之中,也造成很多同学还不敢在实际项目中使用Flexbox的缘故。Philip Walton在他的Github中创建了Flexbugs库,用来回收Flexbox相关的Bug。主要宗旨是收集Flexbox跨浏览器存在的问题和解决方案。目标是让你使用Flexobx构建一个网站能得到你想要的效果,并且能在这里找到相应的解决方案。而这篇文章就是以创建Sticky footer布局为例,介绍了如何解决Flexbox在浏览器兼容的解决方案。

2015年CSS的几大亮点

CSS是一门不断在发展的“语言”。在这篇文章中,我们一起来看看我们可以先玩起来的一些新特性。在本文中提到的一些新特性,在个别浏览器中已得到支持。但这些功能并不一定可以立即用于生产,甚至有些还是在实验阶段。但在这里你会发现很多东西,你可以开始玩——即使仅在实验阶段。其实有好几个特性在2014年的时候W3cplus就曾有介绍过,比如CSS Shapes、calc()、CSS混合模式等。

辞旧迎新,更上一层

随着2015年的跨年钟声的响起,2014已成为我们的过去。即将要为之奋斗的是2015。其实想在2014年写这篇总结文章,但由于最近很多事情给耽搁了,其实也有点不知道做什么样的一个总结,因为总感觉2014年就这样匆匆离我而去。有些许的伤感,或许是因为年纪越来越大的缘故吧。不过跟着一群比自己小一轮甚至更多岁数的年轻人在一起共事、一起学习,还是让自己觉得,我也还是很年轻的(可以叫我叔,但别喷我)。

今天可算是执笔开始写这篇文章了。在继续写下去之前,我要先感谢@娜姐@裕波@林毅一直以来让W3cplus能在社区活动中露脸。同时也要非常感谢@w3cplus的爱好者,支持者一路以来的支持与鼓励,正因为有了你们,她才能走到现在,才能成长,才能美丽动人。

页面

返回顶部