使用LESS作为实时CSS引擎

以下是Andrew Powers of PageLines的客座帖子。安德鲁写信给我，告诉我他们在产品中使用的更少，以及他们认为在他们的工作中比Sass更好。坦白地说，我仍然不同意（他们使用的是一个非官方的PHP端口LESS，还有一个非官方的PHP端口Sass），但我不能争辩说，他们使用它的方式是非常酷的，为他们工作。这是安得烈的解释。最近有很多关于使用LESS/Sass作为预处理器来创建更干净、跨浏览器友好的CSS的讨论，比以前更快、更容易。根据我自己的经验，我可以告诉你，一旦你使用了这些语言中的一种，你会得到很多乐趣，以至于你不会再回到普通的CSS。然而，这些语言的问题在于\"预处理器\"这个词。预处理器的概念是在你编写的代码和你使用的代码之间有一个\"处理\"步骤吗你的网站。那有点麻烦。它还阻止我们动态地使用变量或函数，如果您让用户自定义代码的表示形式（如在WordPress主题中），这可能会很有用。好吧，在生产中实时处理较少是非常可能的，下面是我们如何使用它来解决公司的一些大问题。关于PageLines PageLines创建了一个基于WordPress的\"拖放\"框架，旨在使构建专业网站变得简单。试图保持专业性，但又很容易（典型的用户不必编写）*任何*代码），都会带来一些工程上的挑战，而这些挑战较少有助于解决。用例 PageLines框架是在WordPress（PHP）上构建的。在考虑这个解决方案时，我们有几个目标。例如，我们希望： - 允许根据框架内的用户选项定制CSS，以便更好地组织和划分CSS，而不增加性能，从而减少HTTP请求，在我们的工作流程中，无需处理新的\"预处理\"步骤，就可以更快、更轻松地进行处理为什么不进行实时处理？（不是SASS/Compass）克里斯写了一篇关于SASS与LESS的优点的有趣文章。然而，有一些想法被忽略了，它们让事情变得越来越不适合我们的实时处理。具体来说，LESS是用JavaScript设计的，JavaScript是一种开发人员友好的语言，也是为实时使用而创建的。最重要的是，它的编译速度是SASS的6倍。Jacob Thornton是Twitter流行引导程序的架构师，他对这场辩论有更多的意见少.js这种方法在生产中有太多的延迟，当我们谈论在生产中使用它而不是作为预处理器时，它仍然有助于以更少的成本完成交易。我们最终使用了一个特殊的PHP端口少.js为了实现我们的目标，我们将在一秒钟内完成更多内容。作为旁注，如果您是在Ruby on Rails环境中开发，那么从理论上讲，使用SASS\"live\"是可能的。我们还没有真正测试过这个，所以我不确定使用这种方法的性能或瓶颈。。为了实现这个功能，框架只需执行以下操作。 - 抓取整个框架中所有较少的文件并将它们添加到一个PHP变量中， - - 使用上面的PHP脚本将较少的文件解析为CSS并将其放入一个变量中， - - 将CSS输出到一个文件中，该文件缓存在服务器和访问者浏览器上每当用户保存其设置或安装新的扩展名时，进程就会再次运行。代码示例这不是我们使用的实际代码，但应该给您一个大致的概念。结果更改框架中的背景色。突出显示和对比元素颜色的计算使用较少。控制–动态颜色和排版在框架内实现较少的最酷的事情之一是我们能够根据用户选择动态控制颜色和排版。这使得我们能够很好地设计事物，同时还允许用户自定义颜色和类型。选项–用户的LESS选项用户能够在管理选项面板中添加自己的LESS。它们可以使用公共变量作为背景色或主字体。这是一个用户喜爱的特性，可以用来创建更多跨浏览器、健壮的框架定制。组织-

使用LESS作为实时CSS引擎

admin_action_{$_REQUEST[‘action’]}

admin_footer-{$GLOBALS[‘hook_suffix’]}

customize_save_{$this->id_data[‘base’]}

customize_value_{$this->id_data[‘base’]}

get_comment_author_url

network_admin_edit_{$_GET[‘action’]}

network_sites_updated_message_{$_GET[‘updated’]}

pre_wp_is_site_initialized

WordPress 的SEO 教学：如何在网站中加入关键字（Meta Keywords）与Meta 描述（Meta Description）？

谷歌的SEO是什么