介绍构造.css

就像很多事情一样，它是从一次愚蠢的谈话开始的。在这种情况下，我与我们的前端技术能力总监（又名\"老板\"）Mundi Morgado交谈。事情是这样的… Mundi Morgado我想让你建立一个可视屏幕阅读器。 Nathan Smith现在是谁？Mundi Morgado我想要一个CSS库，它可以让你看到文档的结构。它不应该使用class，这样你就不得不专注于语义。另外，让它成为主题。内森·史密斯当然，让我看看我能想出什么。快进一周，我们得到了我们现在所说的：构造.css：没有class的throwaway CSS库为什么要throwaway？好吧，它并不是一个完全成熟的、生产就绪的风格框架。更确切地说，它就像是文档语义的训练轮子，有一些缓冲道（想想：保龄球）让你保持在正确的轨道上。这是我们在TandemSeven持续努力的一部分，旨在促进我们整个组织的代码读写能力。随着越来越多的用户体验设计师开始为项目的可访问性和语义分担责任，我们应该以这样一种方式进行构建，使用户体验和开发更加协作。有四个主要方面需要构建。构建：\"Basic\" 首先是baseConstruct.css文件，它对大多数常见的HTML元素应用了基本的外观。查看这个基本页面的示例。构造：\"box\" 第二个是construct.boxes.css。这在视觉上区分了其他看不见的语义元素，例如：header、main、nav，等等。这样，当一个页面被编写时，人们就可以看到这些元素在哪里（或者不是）。这是一个带有语义框的页面。构造：\"主题\" 第三，主题化可以通过construct.theme.css实现。这仅仅是一个例子（灵感来自PaperCSS），说明了如何让UI看起来\"手绘\"，以防止观察者过于专注于外观和感觉，而不是文档的语义。下面是一个示例主题。构造：\"调试\" 最后，有一个construct.debug.css文件突出显示并调用无效和/或有问题的标记。下面是一个在一个HTML页面上\"所有东西\"都出错的粗糙示例。这是受a11y.css启发而来的，尽管它在值得注意的地方有所不同。例如，当多个div:only-child嵌套在一起时，我们称之为\"div itis\"。我们也对被关在里持固执己见。这是为了在复选框（或单选框）与其文本标签之间的空白区域内获得最大的点击能力。这些CSS文件中的任何一个或所有文件都可以单独应用或与其他文件一起应用。还有一个bookmarklet（标记为\"GET Construct！\"）在Construct主页上，您可以使用它来获取任何网页的结果。书签将远程拉入： - sanitize.css - construct.css - construct.boxes.css - construct.debug.css

介绍构造.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是什么