[译]css form design

文章分类:css, misc | 共5 条评论  查看次数:2,287 + 240

原文地址:click here

PS:原文实在是太长太长了,无奈精力有限,只能把核心给翻译了一下

使用 Label
forms_connection.png
Label能够建立元素与文字说明的桥梁

<label for="firstName">First name</label>
<input id="firstName" name="firstName" type="text" />
 

这样点击First name文字后,就能自动激活input

Label可以用在以下一些内容

  • checkboxes
  • radio buttons
  • textareas
  • text fields
  • select boxes

submit 按钮 和submit 图象 不需要使用Label,因为它们有自己的value和alt

排序相关元素

使用fieldset可以聚合一系列相关的类别,然后通过legend加以说明

< action="example.php">
<fieldset>
<legend>Postal Address</legend>  
<label for="street">Street address</label>
<input id="street" name="street" type="text" />
<label for=" suburb">Suburb</label>
<input id="suburb" name="suburb" type="text" />
<label for="state">State</label>
<input id="state" name="state" type="text" />
<label for="postcode">Postcode</label>
<input id="postcode" name="postcode" type="text" />
</fieldset>
</>
 

没用修饰的fieldset和legend
forms_unstyled-fields.png

继续阅读...

[译]php 小提示

文章分类:PHP | 发表评论  查看次数:340 + 75

原文地址:click here

字符串

1、总是使用单引号,因为这会减少php 分析器的时间,自然也就提高了效率
2、当一个数组的变量是字符串时,用引号括起来

// OK

echo $row[$key];

// Wrong, unless key is a constant

echo $row[key];

// Right

echo $row['key'];

// OK, since it's in a string

echo "Text: $row[key]";

 

3、当有一大段html代码时,应该避免在php里echo,而是直接跳出php,用html代码来写。

继续阅读...

[译]将基于web的php程序迁移到ajax

文章分类:misc | 共3 条评论  查看次数:467 + 123

原文地址:click here

网站开发通常是杂乱的。近几年来,我们的工具箱塞满了各种各样的工具,通常他们难以理解,并且很难结合到一块。网页代码已经成为一个历史问题。一个普通的web页总是包含了html,javascript,服务端代码。用户界面交织着各种逻辑规则和客户端-服务端通信。在大多数的编成环境里,我们使用文档的API说明,所以我们只需传递几个参数,然后就能得到我们想要的结果了。而web编程,我们通常需要hack,比如生成隐藏表单或者载入新的页面,就因为一些小的改变。难道就不能将这个过程变得更加合理吗?

这篇文章彻底改变了基于数据库的表单设计。我们先来看看过时的代码——混合了html,javascript,php。然后通过先进的技术,比如,和先进的工具,比如jquery,来重构这些代码。好处是

  • 将动态内容与静态内容分开来
  • 将内容,样式和处理过程分开来
  • 通过函数来调用服务端代码
  • 页面的部分内容更新,而不是重新加载整个页面
  • 更快速地开发,提高了代码的可维护性
  • 加速载入过程,缓存优化

继续阅读...

[译]自己写一个wordpress的插件

文章分类:PHP | 共2 条评论  查看次数:395 + 91

原文地址:click here

是一个被广泛使用和易于定制的内容创作和管理系统。在这篇文章里,我将一步一步带领你来建立一个简单而又实用的插件。
第一步是定义头信息

add_filter('the_content','octaveFilter',1);
 

这段代码告诉wp通过octaveFilter函数来过滤"the_content",最后的数字1告诉wp这个插件的优先权高于其他插件。也就是在其他插件运行前,执行这个插件。

继续阅读...

[译]怎样的代码才算是好的PHP代码

文章分类:PHP | 发表评论  查看次数:327 + 81

原文地址:click here

挑主要的翻译了一下

怎样的代码才算是好的php代码?这个问题并没有确定的完美的答案,但一个有经验的php编程人员,应该能想到以下几个方面

好的php代码应该是结构化的。大块的代码应该能够被分为几个函数,以此来达到同样的目的。功能不是很明显的函数应该被加上注释。同时应该将前端(如html,js,等)与服务端代码分离开来。php的oop特性对此给予了足够的支持。

好的php代码应该遵循命名规范。也就是说变量名或函数名应该遵循各自的命名规范,采用标准的数据库连接和错误处理方法。确保代码的缩进一致。是你的代码方便阅读。

好的php代码应该是兼容的。PHP有很多的特性,比如"magic quotes"或者"short tags",它们的状态对于差的代码是很有影响的。所以应该在写代码的时候考虑到这些因素。

好的php代码应该是安全的。虽然PHP提供优良的性能和很好的灵活性,但是代码的安全,完全掌握在开发者的手中,比如常见的"跨站、注入、字符编码漏洞"等等。

继续阅读...

[译]jquery指南——开始jquery之旅

文章分类:jQuery | 发表评论  查看次数:436 + 62

原文地址:click here

最好有javascript以及dom方面的知识,这对于理解其中的代码很有帮助,不了解也不要紧,因为代码本身就很简洁。

这篇指南包括了 hello jquery、基本的selector、event、、FX、以及一些插件。

tips:当你看到这篇文章时最好在第一时间看完,不要放到收藏夹里等待将来的某天再翻出来看,往往这一天不会到来。

其实在我之前已经有人翻译了这篇文章,但是我觉得翻译得有点粗糙,不易阅读,因此又重新翻译了一下,对我自己也又温习了一下jquery。

OK!出发了

    * 1 Setup
    * 2 Hello jQuery
    * 3 Find me: Using selectors and events //定位
    * 4 Rate me: Using  //投票
    * 5 Animate me: Using Effects //动画
    * 6 Sort me: Using the tablesorter plugin //排序
    * 7 Plug me: Writing your own plugins //插件
    * 8 Next steps

继续阅读...

共26页 上一页 1 2 3 ...18 19 20 21 22 23 24 25 26 下一页