菠菜博

12个高级创意JavaScript游戏

菠菜 — Thu, 18 Mar 2010 00:42:00 +0800

JavaScript 在Web开发过程中已经是必不可少的重要分子，他推动着Web的交互性往越来越高的层次发展，现在的很多Web游戏也基于这类语言开发。

这里是12个非常有创意的JavaScript小游戏，希望在给我们带来趣味的同时也能更进一步地了解更深层次的JavaScript语言，原来它可以这样的。

via:12 Amazing and Creative Javascript Games

Tags: JavaScript, js, 游戏

菠菜推荐阅读：

7个提高 TextArea 操作性能的 jQuery 插件

菠菜 — Tue, 16 Mar 2010 00:39:09 +0800

默认状态下的Textarea文本的功能确实有限，它甚至不能支持常用的HTML代码，所以，在多数情况下，我们通过其他控件或别的办法来增强Textarea的可操作性，以下就是7个跟提高Textarea操作性能相关的优秀的jQuery插件介绍。

1，Mark It Up

Mark It Up 是一款功能强大的jQuery文本编辑插件，使得你页面中的Textarea文本框可以进行常用的HTML，BBCode，Textile以及WiKi plus等编辑出来，而且它的使用非常也是简单，调用代码如下：

$('#html').markItUp(myHtmlSettings);

插件网址：jaysalvat.com

插件下载：markitup pack 1.1.5

2，ReType

ReType 是一个使用非常简单的可支持多语言键盘切换的文本编辑器，无需用户安装不同语言的输入法，即可实现强大的多语言软键盘输入。

插件网址：myyn.org

插件下载：jquery-retype

3，Modal Preview

Modal Preview 是一个jQuery文本框内容预览插件，支持HTML、动画和透明效果等效果预览，调用代码如下：

$(<code>'form textarea'</code><code>).modalpreview(options);</code>

插件网址： devkick.com

插件下载：ModalPreview

4，Text Input Limiter

Text Input Limiter 是一个限制文本框内容输入字数的jQuery插件，同时支持字数统计功能。

插件下载： textlimit.js

5，HTMLBox

HTMLBox 是一个和Mark It Up 功能类似的文本编辑增强插件，拥有更多细致的HTML等可视化操作。

插件网址： remiya.com

插件下载： HTMLBox 2.8

6，Resize

Resize 是一个用来在页面中，即时调整文本框大小的jQuery插件，调用代码如下：

$('textarea.resizable:not(.processed)').TextAreaResizer();

插件网址： itsavesyou.com

插件下载： TextAreaResize

7，TypeWatch

TypeWatch 是一个用户监控用户对当前文本区域内容的输入操作是否完成的jQuery插件，调用代码如下：

var options = {
callback:function(){ alert("changed search text"); },
wait:750,
highlight:true,
enterkey:true,
}
$("#search").<strong>typeWatch</strong>( options );

插件网址： dennydotnet.com

插件下载： typewatch.js

Tags: jQuery 插件, TextArea

菠菜推荐阅读：

Coral IE Tab 解决 IE Tab 不兼容 Firefox 3.6问题

菠菜 — Sat, 13 Mar 2010 11:10:59 +0800

Firefox 3.6 发布有一段时间了，由于个别扩展插件不能很好地兼容这个最新版本，所以，就一直没去升级更新，其中就包括Web开发人员必备的IE Tab也不能兼容Firefox 3.6 。

这里推荐一款最好的IE Tab的替代插件 – Coral IE Tab。

Coral IE Tab，是一个从 IE Tab 分支出来的扩展，它继承了 IE Tab 在 Firefox 中调用 IE 的内核的功能，这样不仅对于Web 开发人员来说调试网页在不同浏览器下的兼容性更加方便，而且对于普通的用户，当遇到 Firefox 不能正常浏览的网页的时候，也可以很方便的切换到 IE 来显示。
它和 IETab 相比有两大改进：
1. 支持 Adblock Plus，这样在 IE 引擎里也可以用 Adblock Plus 过滤广告了。
2. 支持 Cookie，这样在 Firefox 和 IE 之间切换的时候，不用再重新登录了。

Coral IE Tab 在我看来唯一不好的一点就是，右键操作选项使用了二级菜单模式，对于习惯了IE Tab 的用户来说，很大程度上增加了操作成本。

Tags: Coral IE Tab, Firefox 3.6, Firefox插件

菠菜推荐阅读：

10个优秀的旅游网站设计

菠菜 — Fri, 12 Mar 2010 06:47:00 +0800

10个非常不错的旅游行业网站设计，除第二款的网站结构有些不搭外，感觉其他都非常不错，能直观地表达出网站的服务内容是什么。欧美网站在Web设计中，在不求华丽外表的同时，也在积极地满足着用户的视觉需求。

via: 10 Travel Websites For Your Inspiration

Tags: 旅游网站, 网站欣赏

菠菜推荐阅读：

10+易用在线表单创建网站

菠菜 — Thu, 11 Mar 2010 16:25:00 +0800

国外的在线表单应用已经很成熟，它给一般用户用于创建各式各样的在线表单，并可以轻轻松松地嵌入到自己的网站应用中去。在国外，类似的应用很少很少，而且很大程度上没有得到用户的认同，我想应该是跟国外网站应用的“更新”过快有关的，很多网站都是在年内上线年内下线，给用户产生了不可靠的心理压力，这些说来话长，还是让我们欣赏下这10多个优秀的在线表单服务网站吧，设计也非常的好。

1. Wufoo

2. FormSpring

3. Icebrrg

4. Visitorcontact

5. Formsite

6. Google Docs

7. PHPform

8. Kontactr

9. Jotform

10. Frevvo

11. Formlogix

via: 11 Websites To Create Contact Forms

Tags: 在线工具, 表单设计

菠菜推荐阅读：

IE9浏览器将更广泛支持HTML5和CSS3标准

菠菜 — Tue, 09 Mar 2010 22:02:09 +0800

随着MIX大会预计在一周半之后的即将召开，关于大会内容方面的消息也多了起来，其中颇受瞩目的就是微软的下一代浏览器IE9，因为在早期曾有消息显示，最新版的IE9有望在今年的MIX会议上首次现身。IE9浏览器在三月份将首次亮相。为此，Monkey_Bites网站发表了一篇文章，专门介绍了IE9浏览器和我们可以期待的IE9的新功能。再此次大会上微软将会展示IE9的早期测试版和一些新的功能。有多方的线索显示，IE9将支持HTML5、向量图形和最新的CSS3标准。

微软在MIX会议上计划召开两个会议展示IE9的新功能。一个会议的名称是“HTML5 Now: The Future of Web Markup Today”（HTML 5：目前Web标记语言的未来），另一个会议是关于IE和SVG的环节，IE高级项目主管Patrick Dengler将为大家带来题为“ Future of Vector Graphics for the Web”（Web向量图形的未来）的演讲。这些会议以及微软IE团队以前披露的信息让许多人认为微软的IE9将比IE8在更广泛的意义上支持HTML5。此外，我们能够看到更好的CSS支持和整个符合标准的情况。

将负责展示HTML5的Molly Holzschlag说，她预计微软将更多地支持HTML5，特别要注意观察微软将研制浏览器存储和其它HTML5功能。

微软是在2009年的PDC会议上推出IE9的。IE9对于所有的网页展现都利用图形处理器的功能。开发人员可以使用CSS、DHTML和 JavaScript来利用这个功能。IE9将内置一个新的Java虚拟机，具有更大的互操作性和标准支持。IE9将实现微软在HTML5、 CSS3标准兼容方面的大跨步，代表了微软对当今最有前景的Web应用程序所采纳技术的认可和采纳之意。IE9除了拥有更强JavaScript渲染速度和对CSS的支持以外，今年1月Neowin网站曾有消息披露，微软正计划增强IE9浏览器的分页浏览功能。伴随着IE9的发布，相信IE浏览器也必将会实现华丽的转身！

文章地址：http://www.iefans.net/ie9-xianshen-html5-css3/ 作者：iefans

Tags: css3, Html5, IE9

菠菜推荐阅读：

14个jQuery图片放大编辑插件汇总

菠菜 — Mon, 08 Mar 2010 00:05:00 +0800

基于Web的在线应用已经是一个逐步成熟的趋势，Web应用的丰富多样化，都是基于JavaScript框架完成的，其中 jQuery 框架被越来越多的Web开发者青睐，它可以让你“少写，多做”轻松完成复杂效果，这里就是基于jQuery 的14个图片放大编辑插件。

1，jQuery gzoom plugin

2，Hover Zoom

3，AnythingZoomer jQuery Plugin

4，JQZoom

5，jQuery Cycle plugin

6，crop, labelOver and pluck

7，ImgAreaSelect

8，Jcrop

9，PHP & jQuery image upload and crop

10，PanView

11，Zoomer Gallery

12，jQuery plugin : Fancy Zoom

13，Image Zoom 2.0

14，jQuery PhotoShoot Plugin

via: JQuery Zoom Effekte zum Nachbauen

Tags: jQuery, jQuery插件, 图片插件

菠菜推荐阅读：

15套WordPress高级免费主题

菠菜 — Fri, 05 Mar 2010 00:30:00 +0800

很高兴可以发布这篇关于WordPress高级免费主题的文章，因为一直在为WPYOU 主题定制客户进行专门的服务，所以很多有关WordPress的文章都发布在了WPYOU 网站和论坛上，这里是15款非常高质量的WordPress免费主题，即使用不到也同样值得收藏。

1. DesignPile

Features and Live Demo

2. Notepad Theme

Notepad theme is inspired by the iPhone’s Notes.app. This new theme is widget compatible with threaded comments, social media buttons, and multi-level dropdown menus. It has been tested on WordPress 2.9 with Firefox, Chrome, Safari, and IE7+. It also includes some nice CSS3 enhancement such as rounded corners and drop shadow.

Features and Live Demo

3. SimpleFolio

SimpleFolio has 2 different widget areas and threaded comments, also supports paged comments and has 2 different page templates for advanced usage. The control of images is done from the post page, threw 2 fields that have the instructions on the size of the images.

Features and Live Demo