<?xml version="1.0" encoding="UTF-8"?><!-- generator="WordPress/2.9.2" -->
<rss version="0.92">
<channel>
	<title>Rices&#039; Blog</title>
	<link>http://www.winrd.com</link>
	<description>无CSS裸奔中</description>
	<lastBuildDate>Thu, 12 Aug 2010 16:16:39 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	

	<item>
		<title>20个网页UI模板</title>
		<description><![CDATA[No doubt every web designer has spent many endless hours mocking up web pages, and as such every designer should have a good set of re-usable and uniform Web UI elements that they can rely upon to save them precious time and spare headaches when they are in the initial stages of a web project.
In [...]]]></description>
		<link>http://www.winrd.com/20-free-web-ui-element-kits-and-stencils.html</link>
			</item>
	<item>
		<title>20个简单且有效果的LOGO设计</title>
		<description><![CDATA[Something we hear over an over in the design world is that less is  more. Even though using that statement has become a bit cliche, it is  true – especially when it comes to logo design. Sometimes designers can  get carried away with trying to incorporate too many complicated  elements into [...]]]></description>
		<link>http://www.winrd.com/20-examples-of-simplistic-but-effective-logo-design.html</link>
			</item>
	<item>
		<title>6个有用的CSS3工具</title>
		<description><![CDATA[CSS3 continues to gain popularity as we’re seeing it used in more and  more websites. However, there are still those out there that are  holding out on learning it and using it. This is probably due to the  fact that it’s not fully supported yet in all browsers. Nevertheless, if  you’re [...]]]></description>
		<link>http://www.winrd.com/6-css3-tools.html</link>
			</item>
	<item>
		<title>10 Free Web UI Kits and Resources for Designers</title>
		<description><![CDATA[As designers, we often recycle the same fundamental elements when wireframing or mocking up a design. However, by utilizing a library of reusable web  UI elements, we can make the design process on each project more  efficient, and cut down on research and design time.
This post  covers 10 of the best free [...]]]></description>
		<link>http://www.winrd.com/10-free-web-ui-kits-and-resources-for-designers.html</link>
			</item>
	<item>
		<title>8个JQuery拖放插件</title>
		<description><![CDATA[Web2.0很重要的一个特征就是交互性的强化，而拖放的引入，可以起到很好的交互效果，JQuery UI包已经包含了拖放，但拖放的应用不只应用于层的拖拉，接下来明河推荐几个独到的应用拖放的JQuery插件。
明河是推荐直接使用jquery UI包中的拖放，当你的需求jquery 拖放UI无法满足时，不妨看下以下插件。
1、Superfun


查看示例
点此下载

示例中演示了对倾斜容器的拖放，当然这个demo不兼容IE。
2、CropZoom


查看示例
点此下载

拖放在图片剪切中的应用，这个朋友么应该不陌生，这个jquery插件的强大之处在于，你不只可以改变剪切区域，还可以控制图片大小，以及图片的旋 转。
3、Jquery Iviewer


查看示例
点此下载

这款jquery插件可当做web地图的基础模型，对web地图有兴趣的朋友很有参考意义。
4、Dragscrollable


查看示例
点此下载

当你在容器内进行拖拉时滚动条也会随之滚动，明河觉得有意思的地方在于标尺。
5、Table Drag and Drop JQuery plugin


查看示例
点此下载

表格行数据拖放。
6、 jquery mb.containerPlus


查看示例
点此下载

华丽的弹出窗体拖拉，你可以自由的控制弹出的窗体。
7、Creating a Draggable Sitemap with JQuery


查看示例

可拖放的站点地图……貌似实际意义不大。
8、jQuery Reel Plugin


查看示例
点此下载

这个插件很有意思，产生类似全景的效果。
]]></description>
		<link>http://www.winrd.com/recommendation-8-unique-application-of-jquery-drag-and-drop-plug-in.html</link>
			</item>
	<item>
		<title>15 个 JavaScript Web UI 库</title>
		<description><![CDATA[感谢锐商企业CMS的投递
新闻来源:speckboy.com
几乎所有的富 Web 应用都基于一个或多个 Web UI 库或框架，这些 UI 库与框架极大地简化了开发进程，并带来一致，可靠，以及高度交互性的用户界面。本文介绍了 15 个非常强大的 JavaScript Web UI 库，非常适合各种各种规模的富 Web 应用的开发。
LivePipe
LivePipe UI 基于 Prototype Javascript 框架，包含了一整套经严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab, 窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。
LivePipe 首页与下载
LivePipe 演示与示例

UKI

UKI 是一套简单的 JavaScript UI 工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖 CSS 引用。
UKI 主页与下载
UKI 控件，演示，示例

MochaUI

MochaUI 是 MooTools Javascript 框架 与 ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal 对话框等等。
MochaUI 主页与下载
MochaUI 控件，演示，示例

中文编译来源：锐商企业CMS 网站内容管理系统 官方网站
Sigma Ajax [...]]]></description>
		<link>http://www.winrd.com/15-javascript-web-ui-labrary.html</link>
			</item>
	<item>
		<title>The Basics of CSS3</title>
		<description><![CDATA[ 
Last week I posted a CSS3 dropdown menu and someone complained that I didn’t explain the CSS code in detail. Well, here is a post on the basics of the new properties: text-shadow, box-shadow, and border-radius. These CSS3 properties are commonly used to enhance layout and good to know.
RGBA
The first three values are RGB color [...]]]></description>
		<link>http://www.winrd.com/the-basics-of-css3.html</link>
			</item>
	<item>
		<title>30款漂亮的jQuery提示气泡插件</title>
		<description><![CDATA[工具提示在网站上都是小东西，可以在网站设计发挥大的作用。如果您网站上的工具提示是很有见地的，看起来惊人那么它可以举起你的网站访客的印象。这就是为什么来这里jQuery来帮助作出了良好的工具提示。请记住，所有这些小东西让你的网站设计网站好看。
所以这一次我会告诉你我的jQuery插件工具提示前30名。
1.  Dynamic tooltip
Very cool tooltip! It’s very well made because it consists of cool  transition effects and it also has a transparency and a drop shadow  effect.

2. Popup Bubble
Brilliant tooltip! It looks so simple but it has awesome transition  effects. This tooltip could be very useful for clean and simple  [...]]]></description>
		<link>http://www.winrd.com/30-stylish-jquery-tooltip-plugins-for-catchy-designs.html</link>
			</item>
	<item>
		<title>DW jQuery代码提示(不需要Adobe Extensionan安装)</title>
		<description><![CDATA[这篇文章要面对一下同学
1.使用绿色版Dreamweaver无法安装jquery_api_for_dw4.mxp
2.DreamweaverCS5无法与Adobe Extensionan连接安装mxp扩展
3.总知道就是无法安装jQuery代码提示
下面是最新的绿色解决方法，跳过Adobe Extensionan手动安装jquery提示mxp扩展
 Step1.下载jquery_api_for_dw5.rar(点击下载)
Step2.把shared、Extensions、codehints三个文件夹复制到
WinXP:C:\Documents and Settings\Administrator\Application Data\Adobe\Dreamweaver CS5\zh_CN\Configuration
win7:C:\Users\Administrator\AppData\Roaming\Adobe\Dreamweaver CS5\zh_CN\Configuration
Step3.启动Dreamweaver CS5
Step4.Enjoy it
]]></description>
		<link>http://www.winrd.com/dw-jquery-code-tips.html</link>
			</item>
	<item>
		<title>获取文章中的图片</title>
		<description><![CDATA[
//从文章中搜索图片并获取图片
$SoImages  = '~&#60;img [^\&#62;]*\ /&#62;~';
preg_match_all($SoImages,$post-&#62;post_content,$Images);
$PictureAmount=count($Images[0]);　//获取图片数量

//处理所有的图片
for($i=0;$i&#60;$PictureAmount;$i++){
	echo $Images[0][$i]  //处理图片,语句可以自定义,第一张图片为$Images[0][0];
	}

//通过使用switch控制语句处理第一张图片,也可以使用if...else...elseif语句来实现,具体逻辑请自定义
switch($PictureAmount&#62;0){
	case 1:
	  echo $Images[0][0];　//输出第一张图片
	  break;
	default:
	  $ImagesUrl=bloginfo('stylesheet_directory')."/images/1.jpg";　//当文章无图片时默认输出的图片
	}

/*获得文章中的图片链接路径的代码
*首先使用上面第一段的语句从文章搜索并获取图片
*然后通过运行正则表达式来分析图片代码,然后得到匹配的字符
*以下只列出其中的一种正则表达式代码,有兴趣的童鞋可以自己编写
*/

//获取一张图片,例如获取第一张图片$Images[0][0],其代码样例为:&#60;img alt="Google" title="Google" id="logo" src="/intl/zh-CN/images/logo_cn.gif" width="276" height="110" border="0"  /&#62;
$ImgUrl = $Images[0][0];
$SoImgAddress="/\&#60;img.*?src\=\"(.*?)\"[^&#62;]*&#62;/i";  //正则表达式语句
preg_match($SoImgAddress,$ImgUrl,$imagesurl);　　//分析
echo $imagesurl[1];　//得到并处理路径:/intl/zh-CN/images/logo_cn.gif?&#62;
]]></description>
		<link>http://www.winrd.com/get-images-in-article-for-php.html</link>
			</item>

</channel>
</rss>
