WordPress 3.9 开启 HTML5 的画廊

自从 WordPress 3.6,官方开始支持 HTML5:例如评论,评论的表格,和搜索表格。前一阵子发布的 WordPress 3.9,也开始支持 HTML5 的画廊(Gallery)了。WordPress 会使用 <figure><figcaption> 等元素来代替原有的 <dl>(Definition List)。

如何启用 HTML5 的画廊

在主题的文件夹下,修改 functions.php 文件:

function mytheme_setup() {
  add_theme_support( 'html5', array(
    'search-form', 'comment-form', 'comment-list', 'gallery', 'caption'
  ) );
}
add_action( 'after_setup_theme', 'mytheme_setup' );

值得留意的是,使用 HTML5 的 Gallery 就不用 filter 移除内嵌样式了:

add_filter( 'use_default_gallery_style', '__return_false' );

Source:Make WordPress

CSS3:美化 HTML5 验证

CSS3:美化 HTML5 验证让我们看看如何创建使用客户端验证用户的数据。这项操作,我们将使用 CSS 给它装饰一下,包括一些 CSS3 !

详细教程在:tutsplus.com(英文)

演示

分析

分析图

点击图放大

新 HTML5 元素

HTML5有几个新的形式输入类型。这些新功能可以更好的输入控制和验证。

例如:

<li>
<label for="email">Email:</label>
<input type="email" name="email" placeholder="jacky@example.com" required />
<span class="form_hint">Proper format "usr@something.com"</span>
</li>

Continue reading CSS3:美化 HTML5 验证

20个设计师和开发人员的小抄

小抄(Cheatsheets),将所有的讯息集中在一起帮助你快速从新鸟提升到老鸟。

今天,我们有一个收集来自网络的最好的免费 cheatsheets。你会发现像 jQuery 的 cheatsheet 和一些摄影的 cheatsheet。无论你想到什么,可能有它的 cheatsheet!

预览

  • CSS3
  • webkit css3
  • css3 图形
  • css 速记
  • html5
  • html5 canvas
  • jQuery
  • Javascript
  • PHP
  • WordPress
  • 等等总共20个小抄

 

>>> 前往阅读文章(英文)