帕兰映像

22个Web在线编辑器

帕兰 — Thu, 04 Feb 2010 10:59:55 +0800

本文搜集了 22 个 Web 在线编辑器，它们基本代表了当前 Web 编辑器的现状。

1. TinyMCE

免费，开源，轻量的在线编辑器，基于 javascript，高度可定制，跨平台。

2. FCKEditor

免费，开源，用户量庞大的在线编辑器，有良好的社区支持。

3. YUI Editor

属于 Yahoo! YUI 的一部分，能输出纯净 Xhtml 代码。(...)
继续阅读 22个Web在线编辑器

转载请注明: 来源于 22个Web在线编辑器
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 编辑器找到更多你可能喜欢的内容

第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.
第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!
第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购, 帮您做出明智的选择.

招兼职网站编辑两名

帕兰 — Thu, 28 Jan 2010 17:16:38 +0800

Update#02-06：都已找到合适人选，请勿再联系。谢谢。
Update#01-30: 主机类编辑已确定合适人选。现缺网赚类编辑，欢迎对此类内容有经验的朋友联系。

招兼职网站编辑两名，也不是长期的，就两个任务而已。有兴趣的朋友请看要求:

所谓“编辑”，不需要你完全的去原创，但还是需要一定的文字表达和整理能力。说的直接点，给你10篇文章，你可以用你的剪刀手把它剪成一篇新的文章。
分别要对国外主机和国外网赚知识有一定的了解。这主要为了保证你的工作进度，以及内容的正确性。

如何界定这个了解的程度？

假设你从未用过Bluehost，现在要让你去体验一遍并且写相关的文章，你能弄出来。在这个过程中，你不需要去搜索“什么是Cpanel，什么是SSH，什么是附加域，什么是域名停放…”，因为你之前就已经知道了。

同理，假设你要介绍网赚联盟，你已经知道什么是CPA, CPC, CPM, CPS…

总的来说，没有什么过高的技术含量要求。做这个活儿最重要是时间多和有耐心。

有意的朋友可发邮件到我Gmail联系：parandroid.com@gmail.com
价格确定合作后再详谈。(注意：完成任务后才付款，如是比较熟的朋友，可以预付一半定金)
之前已经有接触或认识的朋友优先，有个人博客的朋友优先。

转载请注明: 来源于招兼职网站编辑两名
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: 找到更多你可能喜欢的内容

探索移动Web网页编码设计

帕兰 — Thu, 28 Jan 2010 17:10:58 +0800

如果你正准备为你的网站制作一个移动设备版本，那这篇文章将会对你相当有用，在本文中，将探索移动Web网页编码设计的各种技巧和注意事项：

为了移动设备上的用户体验可以被接受，代码得怎么设计。
“Mobile Web”与普通网站的不同之处？
可以让网站成功运行在移动设备和桌面浏览器上的基本技巧
一些Mobile Web设计中的建议和禁忌、以及大量资源

Mobile Web和普通网站到底有何不同呢？

这是个很好的问题 – 首先，也许我们应该从“什么是Mobile Web”的问题开始。毕竟，用户用移动设备访问的Mobile Web，跟他们在家里用台式机访问的网站是独立的不同的部分。当我说“Mobile Web”时，我指的是“通过移动设备访问的网站”。

在Opera，我们全身心投入而创造出的浏览器允许你查看整个网络，不管浏览设备是否有这个能力。只要你在建立网站时，付出一点儿细心、尊敬并遵循 Web标准，你就可以为所有人所有设备创建只有一个版本的网站 – 唯一的一个网站。但是，有一些例外情况 – 在某些情况下，只有分版本的网站才行得通，一会你会看到这一点。

移动领域的竞争环境并不平衡

在桌面领域，对于我们前端开发者来说，形式正在好转 – 大多数现代浏览器已经对Web标准支持的非常好了，无论是Opera、firefox（以及其他Gecko内核浏览器）或者Safari（以及其他 Webkit内核浏览器），甚至IE带给我们的痛苦都比原来少了。虽然IE6的用户群体数量仍然非常杯具，但这应该归结于大多数人封闭的使用习惯等因素。但是，移动设备领域在这方面却是不同寻常的：

你拥有能为“Full Web”提供支持的浏览器，像iphone上的Opera Mobile和Safari。Opera Mobile使用了与桌面版本相同的渲染引擎，所以对标准的支持相差无几。
你拥有并不很爽的浏览器，例如IE，它们对Web标准仅能提供有限的支持。它们中的一部分只支持WAP（例如WinWap），另一些支持其他像 Chtml或HTML-MP这样的标准（例如日本NTT DoCoMo的iMode浏览器），还有一些只支持Web标准中的有限子集（例如Netfront、Pocket IE、以及Blazer）。
最后，你拥有OperaMini，以及其他通过代理机制的浏览器。它主要只是作为连接用户和一个大服务器群的客户端界面。当用户提交一个URL时，客户端会让服务端查找这个页面。然后它会把页面转换成一个轻量级的二进制标记语言，将它格式化成适合移动设备查看的形式，并发送回客户端显示。这种方式的最主要优势，是可以使页面体积减少90% 左右，帮助用户节省很多带宽费用。这种标记语言表明Web标准并不能很好的表现在移动设备上，因为在这种服务的方式下，OperaMini对 ajax/javascript某些方面将支持的不是很好 – 在这儿有更详细的解释。

注意：不要指望你的超级Ajax和DOM脚本动画网站在移动设备上会有良好表现。JavaScript在移动设备上的支持程度千差万别。时刻提供优雅降级吧。这种做法有一个例子叫做Hijax。

我们可以看到，在移动设备的跨浏览器兼容方面，你要思考的问题有很多。但是不要怕 – 我随后的建议会给你指引一个正确的方向；并且随着时间的推移，移动浏览器对标准的支持将会得到改善，届时我们前端开发者真的再也不需要为它们操心了。你问我这一切什么时候会实现？Who knows！(...)
继续阅读探索移动Web网页编码设计

转载请注明: 来源于探索移动Web网页编码设计
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: Web设计, 设计理论找到更多你可能喜欢的内容

网页设计中的默认字体样式详解

帕兰 — Thu, 28 Jan 2010 16:39:06 +0800

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。

拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Windows XP下显示网页时默认字体是宋体，而英文版肯定不会如此。所以我们需要统一设置默认的字体样式，以便实现一致的显示效果来保证设计的一致性和提高开发效率。

样式优先级

通常用户看到的页面的样式会受到三层控制:

第一层是浏览器的默认样式
第二层是网页定义样式
第三层是用户自定义样式

和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。不过，当有 !important 时，网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。

字体：arial

我们页面的绝大部分内容字符都是中文，毫无疑问目前为止在网页上最常用也是最通用的显示中文的字体是宋体，但是宋体在显示英文、数字和英文符号时过于糟糕，比如©字符，所以我们一般期望通过CSS来实现用更好的字体样式来显示它们，然后用宋体来显示中文和中文符号。之所以选择arial是因为：

Windows和Mac都预装了这款字体，应该是使用最广泛的网页字体了。它的潜在对手tahoma和helvetica就没有这么幸运了。
视觉设计的专业人士可能会认为在Windows中使用tahoma、在Mac中使用helvetica更好，比如淘宝的默认字体样式是font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;这是一个很不错的选择，但是你也会发现Google、YAHOO、Youtube、Bing甚至MSN的新版都使用arial作为第一默认字体。所以从美观和可读性上来讲arial应该是完全可以接受的。
一般情况下设置font-family都会在最后设置通用字体族以保证其安全性，比如Google的设置为font-family:arial,sans-serif;，但是至少在非中文版的Win7下当编码是GBK时，IE8会因sans-serif来渲染宋体，导致字体出现变形，这就是为什么淘宝需要在sans-serif前加上宋体而Google无需这样做的原因。
因为中文字体的选择非常有限，所以目前所有的主流浏览器都设置使用宋体来显示中文。Baidu的首页和搜索结果页使用font-family:arial;可以从侧面说明这样做的安全性。可能有人注意到Firefox中国版默认显示的中文字体是微软雅黑，这是因为谋智网络擅自修改了用户自定义样式，不允许网页的样式覆盖浏览器设置的样式。也是由于类似的情况，我们要弹性设计网页非常重要。

使用英文字体作为第一默认字体会导致的问题之一就是中英文以及符号混排时的对齐问题、通过设置行高和hasLayout能解决绝大部分情况，但是都不会很完美，如果把字体改成“宋体”能彻底的解决问题。很明显，这个问题只出现在IE上。所以，如果你的网站很少使用英文、数字和英文符号，那么直接设置{font-family:\5b8b\4f53;}也是很合理的选择。

大小：12px

12px是宋体能显示的极限，虽然微软雅黑能显示更小的字体，但目前的应用环境尚未成熟。由于宋体基本上是目前显示中文唯一的通用Web字体，所以12px成为最常用的字体大小。我们当然可以依据产品的需要来修改这个默认值。
不用考虑基于字体大小（em）的设计。
在Chrome3.0之后的中文版中，字体大小最小值是12px，比如你设置最小字体为10px，最后也变成12px。(...)
继续阅读网页设计中的默认字体样式详解

转载请注明: 来源于网页设计中的默认字体样式详解
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/
© 帕兰 for 帕兰映像, 2010 | 添加到 del.icio.us

通过这些关键词: CSS, 字体, 设计理论找到更多你可能喜欢的内容

第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.
第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!
第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购, 帮您做出明智的选择.

卡巴斯基误报Google Adsense包含木马

帕兰 — Wed, 27 Jan 2010 16:51:46 +0800

25日，网友Hiro留言反映：浏览本站时提示包含木马病毒。

被拒绝: Trojan.JS.Redirector.ar firefox http://pagead2.googlesyndication.com/pagead/show_ads.js//show_ads

提示：包含木马

出现这个情况无非两个原因：一是杀毒软件误报;二是谷歌Adsense广告系统被“挂马”。我当然凭直觉相信是前面的情况:)

今天才又看到了新闻，确定是卡巴斯基误报。以下为卡巴斯基声明全文：

卡巴斯基针对Google Adsense广告报警一事的声明

卡巴斯基在2010年1月25日接到部分用户反馈误报Google adsense广告代码，卡巴斯基按照严格的技术测试管理程序进行测试。在确认这是一次误报后，卡巴斯基方面第一时间进行了问题的处理，并在当日下午做出了修正，同时确保该问题在当晚的病毒库更新中已经得到了解决。卡巴斯基向所有受到影响的站长深表歉意。

北京卡巴斯基科技有限公司

该说什么好呢？什么也不说。在这里还是感谢网友Hiro的提醒，日后若有类似情况，也欢迎大家提醒和指出。

转载请注明: 来源于卡巴斯基误报Google Adsense包含木马
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: Google adsense, kaspersky 找到更多你可能喜欢的内容

Google Reader现可跟踪订阅任何网站(即使找不到Feed)

帕兰 — Wed, 27 Jan 2010 16:39:28 +0800

Google 刚刚对Google Reader进行了一次更新，现在Google的feed阅读器可以让你跟踪任何页面的变化，即便是没有RSS feed的网页。 Google将为这些网站生成定制feeds，并且在检测到网站变更时给予更新。Google Reader会在该 RSS feed中显示一小段该网页的摘要。

在此之前，如果你想订阅的网站不提供RSS feed，Google Reader会显示错误信息。至于Google多长时间ping一次网站，目前尚不清楚。

就我们所知，Google Reader所创建的rss 非常简洁，有了这个功能，你也可以在其它feed浏览器里订阅feeds了。

提供类似服务的网站还有ChangeDetection.com。

编译：译言 | pestwave

转载请注明: 来源于 Google Reader现可跟踪订阅任何网站(即使找不到Feed)
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: feed, Google Reader 找到更多你可能喜欢的内容

让WordPress的Post和Page支持标签

帕兰 — Wed, 27 Jan 2010 08:20:11 +0800

当我们在wordpress中使用<!–more–>标签截断文章时，在首页、分类、标签和存档等页面的文章内容都是显示<!–more–>之前的文章，而在文章(Post)和页面(Page)中时，则忽略<!–more–>标签，显示全文。

这当然是合理的，你总不可能让访客在你的最终文章页还瞅着摘要发呆。

但对主题开发者来说，经常会使用一个Page Template来罗列一个符合查询条件的文章列表。比如下面这段代码返回分类ID为3下的所有文章。

<?php query_posts('cat=3'); while(have_posts): the_post();  ?>
<h2><?php the_title(); ?></h2>
<?php the_content(); ?>
<?php endwhile; ?>

但在这份文章列表里面，the_content()函数将始终输出全文，不管你是否在文章中使用了more标签。因为WordPress只知道这是一个Page页面，要显示全文，而不会智能的根据你是否使用了query_posts()或新建了一个WP_Query对象来决定是否支持more标签。

P.S：说来惭愧，做了这么长时间的wordpress主题，我直到今天才发现这个问题。因为我个人比较喜欢“纯文字摘要列表”的方式，以往需要创建文章列表时，都是使用自动截取文章字符的方式。但正在进行的一个项目，客户要求输出html全文，然后手动插入more标签截断。

废话说了半天，其实解决方法简单的不行，请看代码(via weblogtoolscollection):

<?php global $more; $more = false; ?>
<?php the_content('Continue Reading'); ?>
<?php $more = true; ?>

说明: 在the_content()函数前声明一个全局变量$more并且设置为flase就可以了。如果你希望在内容显示完成后又回到原来的状态，那在后面再把$more变量设置为true。

转载请注明: 来源于让WordPress的Post和Page支持<!–more–>标签
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: WordPress, wordpress-hacks, WordPress技巧, WordPress教程找到更多你可能喜欢的内容

30+最新强大jQuery插件和教程

帕兰 — Mon, 25 Jan 2010 18:25:39 +0800

jquery的广泛使用已经让人快忘记了其它javascript框架的存在，甚至有时候会忘记了jQuery是一个JS库，冒出“我不是在编写Javascript代码”，而是在编写“jQury代码”的愚蠢想法。

从长远来看，过度依赖于jQuery并不是件好事。但jQuery已侵蚀Web设计师的身心。说的夸张点，即使你不懂Javascript，你也可以学会jQuery的大部份使用。即使你不懂jQuery，你也可以使用它的无数插件创造出炫目的网页特效。

本文为你介绍30+最新强大jQuery插件和教程，在这之前，让我们之前本站发布的相关的jQury插件和教程文章:

更多请查看jQuery专栏。

教程

1. How to add preloader with loading image in a gallery using jQuery

在图像画廊载入过程中使用 jQuery 预加载技术。演示 | 教程

2. Simple Lava Lamp Menu Tutorial With jQuery

创建一个独特的熔岩灯动画效果的 jQuery 导航菜单。演示 | 教程

3. How To Create a 3D Tag Cloud in jQuery

使用 jQuery 创建类似 Flash 形式的 3D 标签云。演示 | 教程

4. Drag & Drop With jQuery

Web 应用程序的拖放功能提供了丰富的用户界面，了解如何使用 jQuery 来创建此种用户界面。演示 | 教程

5. Awesome Horizontal Animated menu using Kwicks for jQuery

使用 jQuery Kwicks 插件建立一个可定制的，灵活的横向动画菜单。演示 | 教程

6. Create a Thumbnail Gallery With Slick Heading & Caption effect

使用光标题和字幕效果创建缩略图画廊。演示 | 教程

7. Create an Attractive jQuery Menu with fade in and out effects

创建一个有吸引力的 jQuery 菜单，鼠标悬停时具有淡入背景效果。演示 | 教程

8. jQuery PHP AJAX Autosuggest

Autosuggest 是目前的 Web 应用程序中一个有用的功能。了解如何使用 jQuery 和 PHP 来创建。(...)
继续阅读 30+最新强大jQuery插件和教程

转载请注明: 来源于 30+最新强大jQuery插件和教程
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: jquery, jQuery插件, jQuery教程找到更多你可能喜欢的内容

9个PHP库简介和下载

帕兰 — Sun, 24 Jan 2010 18:21:54 +0800

9个非常有用的PHP类库，相信一定可以为你的WEB开发提供更好和更为快速的方法。

1. ReCAPTCHA

The reCAPTCHA 库让你可以为网站创建高级的 CAPTCHA 系统，这个系统其实是用来生成验证信息的，甚至包括语音验证。当然还有 reCAPTCHA 服务可以使用，其提供易用的免费 API，值得在你的网站试试。

下载 ReCAPTCHA | 获得 API Key | 文档

2. Akismet

Akismet 是个供小站点使用的免费服务，用来修改规范将加入数据库的评论（防止恶意评论）。这个库一直在改善。

详细参考 Akismet 介绍

3. Services_JSON

JSON 是人类能容易理解的信息传递格式。不过如果你并未使用 5.2.0 以后版本的 PHP（从那以后 PHP 有了 JSON 官方支持），那么就应该试试这个库。

查看 Services_JSON

4. Smarty

Smarty就是鼎鼎大名的官方模版库了。它提供了不少有用的功能。其实使用 PHP 的人都该瞧瞧。

下载 Smarty | 官方文档

5. pChart

pChart 是极其有名的数据图形库。它能为数据展示提供各种美丽的图表。其实使用 PHP 的人都一定会碰到使用它的情况。(...)
继续阅读 9个PHP库简介和下载

转载请注明: 来源于 9个PHP库简介和下载
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/

通过这些关键词: PHP 找到更多你可能喜欢的内容

21个实用便利的PHP代码

帕兰 — Sat, 23 Jan 2010 18:20:06 +0800

21个实用便利的PHP代码。

1. PHP可阅读随机字符串

此代码将创建一个可阅读的字符串，使其更接近词典中的单词，实用且具有密码验证功能。

/**************
*@length - length of random string (must be a multiple of 2)
**************/
function readable_random_string($length = 6){
    $conso=array("b","c","d","f","g","h","j","k","l",
    "m","n","p","r","s","t","v","w","x","y","z");
    $vocal=array("a","e","i","o","u");
    $password="";
    srand ((double)microtime()*1000000);
    $max = $length/2;
    for($i=1; $i<=$max; $i++)
    {
    $password.=$conso[rand(0,19)];
    $password.=$vocal[rand(0,4)];
    }
    return $password;
}

2. PHP生成一个随机字符串

如果不需要可阅读的字符串，使用此函数替代，即可创建一个随机字符串，作为用户的随机密码等。

/*************
*@l - length of random string
*/
function generate_rand($l){
  $c= "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
  srand((double)microtime()*1000000);
  for($i=0; $i<$l; $i++) {
      $rand.= $c[rand()%strlen($c)];
  }
  return $rand;
 }

3. PHP编码电子邮件地址

使用此代码，可以将任何电子邮件地址编码为 html 字符实体，以防止被垃圾邮件程序收集。

function encode_email($email='info@domain.com', $linkText='Contact Us', $attrs ='class="emailencoder"' )
{
    // remplazar aroba y puntos
    $email = str_replace('@', '&#64;', $email);
    $email = str_replace('.', '&#46;', $email);
    $email = str_split($email, 5);  

    $linkText = str_replace('@', '&#64;', $linkText);
    $linkText = str_replace('.', '&#46;', $linkText);
    $linkText = str_split($linkText, 5);  

    $part1 = '<a href="ma';
    $part2 = 'ilto&#58;';
    $part3 = '" '. $attrs .' >';
    $part4 = '</a>';  

    $encoded = '<script type="text/javascript">';
    $encoded .= "document.write('$part1');";
    $encoded .= "document.write('$part2');";
    foreach($email as $e)
    {
            $encoded .= "document.write('$e');";
    }
    $encoded .= "document.write('$part3');";
    foreach($linkText as $l)
    {
            $encoded .= "document.write('$l');";
    }
    $encoded .= "document.write('$part4');";
    $encoded .= '</script>';  

    return $encoded;
}

4. PHP验证邮件地址

电子邮件验证也许是中最常用的网页表单验证，此代码除了验证电子邮件地址，也可以选择检查邮件域所属 DNS 中的 MX 记录，使邮件验证功能更加强大。

function is_valid_email($email, $test_mx = false)
{
    if(eregi("^([_a-z0-9-]+)(\.[_a-z0-9-]+)*@([a-z0-9-]+)(\.[a-z0-9-]+)*(\.[a-z]{2,4})$", $email))
        if($test_mx)
        {
            list($username, $domain) = split("@", $email);
            return getmxrr($domain, $mxrecords);
        }
        else
            return true;
    else
        return false;
}

5. PHP列出目录内容(...)
继续阅读 21个实用便利的PHP代码

转载请注明: 来源于 21个实用便利的PHP代码
原订阅地址即将失效，请大家更换到新的订阅地址: http://feed.paranimage.com/
© 帕兰 for 帕兰映像, 2010 | 添加到 del.icio.us

通过这些关键词: PHP 找到更多你可能喜欢的内容

第5工作室 - 付费设计:　自定义个性化网页设计, 承接付费WordPress主题定制, PSD转XHTML等设计业务.
第7网赚室 - 在线赚钱:　向你推荐最热门最真实的在线赚钱途径, 让你在写博同时, 轻松赚取美元!
第9主机室 - 国外主机:　低于5美元/每月, 支持PayPal付款的美国虚拟主机, 直观图析评测导购, 帮您做出明智的选择.