每周平台新闻：CSS :: Marker伪元素，预先渲染的Web组件，向您的网站添加Webmention

šime的每周网络平台新闻为开发人员提供了深刻的更新。本周的亮点包括键盘可访问性问题，可访问日期选择器，一个新的Web组件编译器来处理FOUC，带有CSS的造型列表项目标记，以及添加网络攻击的直接指南。

日期输入可访问性问题

键盘用户比复杂的日期选择器更喜欢标准文本字段；屏幕读取器用户还通过本地日期控件遇到挑战。具有自定义验证的纯文本输入提供了更容易访问的解决方案。

优先考虑使用客户端和服务器端验证的日期的纯文本输入已被证明有效，尤其是对于诸如生日之类的已知日期。

（通过Adrian Roselli）

用模板简化Web组件

模具，Web组件编译器，预算段组件（包括阴影DOM）或延迟渲染直至造型完成，以防止FOUC（闪存未风格的内容）。它优化了多填充加载，并为开发人员友好的组件API提供了有用的装饰器和钩子。

导入{组件，prop，h}来自“@concen/core”;

@成分（{
  标签：“ my-component”
}））
导出类MyComponent {
  @prop（）年龄：number = 0;

  使成为（） {
    返回<div>我是{this.age}年龄</div>;
  }
}

（通过Max Lynch）

带有CSS ::标记的样式列表项目标记

::marker伪元素允许使用列表项目标记（子弹，数字）时的样式display: list-item 。目前，Firefox是具有全面支持的主要浏览器。

（通过雷切尔·安德鲁）

通过四个步骤实施网络攻击

将网站添加到您的网站上可以增强参与度和互动：

1. 注册：在Webmention.io（网络元接收服务）上创建一个帐户。
2. 添加链接标签：包括<link rel="webmention" href="%5Byour-webmention-endpoint%5D">在您的HTML中。 CMS插件也可用。
3. 获取网站：使用Ajax从Webmention.io检索Webmentions进行显示。
4. Automate发送：使用Webmention.App自动发送网络攻击时，在发布具有其他启用WebMention网站的链接的内容时。

（通过Daniel Aleksandersen）

以上是每周平台新闻：CSS :: Marker伪元素，预先渲染的Web组件，向您的网站添加Webmention的详细内容。更多信息请关注PHP中文网其他相关文章！