现代 CSS

Sass Guidelines中文版本之四:项目文件管理

经常会有初学者问,使用Sass时要如何管理自己项目中的文件。也有不少同行朋友针对此问题做过总结与探讨,网上相关的案例也不少,比如说很好的参照案例有:Bootstrap和Foundation等。在Sass Guidelines中也特意针对 这一部分做了详细的描述。作者将文件结构按七合一模式向大家展开介绍,并且如何与组件结合在一起管理。

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爱好都的一致好评。那么在我们大中华区域,我和@南北同学一起将其译成中文,希望能对大家有所帮助。如果译得不对之处,还请多多指正

打印样式设计

对于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的爱好者,支持者一路以来的支持与鼓励,正因为有了你们,她才能走到现在,才能成长,才能美丽动人。

[转载]设计师的DPI指南

本文是为“初学者”或者作为从一开始就想要学习更多跨DPI和跨平台设计知识的中级设计师准备的序言读物。没有复杂的计算和不可分析的图表,只是按照划分直截了当地将内容呈献给读者,便于读者理解或是直接运用到设计过程中。如果你发现有错误的地方,需要了解更多细节或者有任何问题或建议,请联系sgabriel.contact@gmail.com Twitter, G+ 或者 Facebook

页面

返回顶部