崇拜CSS

公认的拥有一个编写和管理CSS的方法比什么都没有要更好。尽管如此,一些开发人员的实践是不利于语义化质量和长期的可维护性。我们要讨论一些被提倡的”CSS框架方法”的问题和作为Web开发人员,我们如何可以更好的解决这些问题。

开始使用Grunt

Grunt是一个任务管理器,能大大提高您运行前端开发工作流程。使用大量的Grunt插件可以自动执行任务,例如编译Sass和CoffeeScript,优化图像和验证您的JavaScript代码与JSHint。

开始编写CSS

你不要觉得CSS没什么重要可言?最近几年他成为一个热门的话题,很多人都在讨论他。CSS并不是一个简单的事情,前端开发者可以使用他将页面制作的更佳漂亮。看得更远一些,我们更关心的是网站的性能以及如何制作出更好的网站。在本文中,我想分享我最近几个月的学到的有关于CSS编码的知识。作为一个程序员,我真正感兴趣的事情是框架(Architectural)部分。我觉得写CSS应该需要去改变,为此我深挖了很多知识。我搜索了好的程序、工作流和原则。这篇文章将带领大家和CSS一起旅行,很多人都说写CSS并不是编程,我就不同意,我说写CSS同样是有趣的,富有挑战性的。

引进AM-CSS属性模块

在几个月之前,我阅读了Harry Roberts写的《Grouping related classes in your markup》一文。他介绍了一个很有趣的概念——用来处理CSS类名。在这篇文章中介绍了使用[]来使用相关的属性,快速选择需要的目标元素。介绍的示例中,讨论了使用类名还是属性声明更易于一目了然选择元素。

<div class="[ foo  foo--bar ]  [ baz  baz--foo ]">

我必须承认,最初感觉使用这种技术十分不爽。他只是使用[]来匹配类名,而不是匹配CSS,重复使用同一个类属性,似乎只是给人提供而不是给浏览器。实际上我仍然还在思考,关键是对HTML结构和语义化的认识,在此要非常感谢Harry Roberts。

性能优化优秀教程

开始制作HTML Email

向用户发布最新的更新、业务或产品,HTML电子邮件是一个最好的方式,但他们有点棘手。电子邮件客户端对CSS的支持不一致。因此我们必须借助于老的技术,如使用表格和内联CSS。今天,我将不可的大家一起创建一个简单的HTML电子邮件。