40个UI设计工具和资源[转]

      用户界面设计
在持续的基础上不断成长和演变。要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术。同时,你也要亲身尝试,并提出原创的见解和应用。
      下面列举的这些工具能帮你做到这些。尽情分享下面这些我找到的注释出的资源中你认为有用的部分。

 

模型参考和资料库

  

User Interface Design Patterns
(用户界面设计目标)
      看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础。

      一个在线文字和图形目录是常见解决的UI设计问题的方案。使用非常宽松的分类,同时也让你用标签或颜色分类:

Pattern Tap

一个能找到平常被使用的设计模板启示的好资源。

Pattern Tap将UI元素分类集合,同时也将个别项目以标签形式在新窗口打开:

Patternry

Patternry 将重点放在寻找常见UI问题的解决上,而不只是提出简单的建议:

Mephobox

是另一个能找到的提出常见设计模板启示的好资源。你能够以用户身份游览网站,或者查证基于个人设计元素的集合:


  

原型开发、模型构建和设计反馈工具

Lumzy

      你在创建新的UI技术

任何时候
,在创建网站之前,你会需要创造出一个作为概念根据的原型或模型。当然,你也要测试这些新构想。

      Lumzy是一个方便的UI界面模型构建和原型开发的小型在线工具。它能让你创建具有工作功能的原型,而不只是线框:



Mockingbird

另一个界面模型构建和原型开发工具,同时拥有在线团体合作开发工具:


UI Design Framework for Illustrator

一个为AI服务的用户界面元素和风格设置网站:


Android Asset Studio

一个为开发

Android应用提供UI元素的网站:


Unique Mobile UI Design Elements

自由设置UI设计元素:


Android UI Elements Set

自由设置Android OS的UI元素:


OSX Leopard GUI Set

OSX Leopard的GUI元素:

ALL In One Web Elements Kit

提供你的网站的所需的一切PSD分层文件:


iPad GUI Set

提供你所需的任何iPad应用程序的主题的分层矢量PSD文件:


The Pencil Project

火狐的GUI原型构建插件:


Concept Feedback

发布你的设计和概念,并得到免费反馈的设计社区:


Landing Page Optimization

获得他人关于你目标页面5秒钟的真实印象反馈的网站:


  

框架

      框架已经成为了几乎所有复杂的UI的主干了。这里的是极少数的框架,不像Moo Tools和jQuery那些你可能熟悉的工具。

DHTMLX

一个

提供了大量的UI部件的
j
avaScript UI资料库和 jQuery的替代品:

Dojo

另一个拥有强大API设置以及丰富UI控件的javascript工具包。


Echo 3

是一个不仅能让开发者创造组建驱动和事件驱动API和Javascript客户端应用程序的UI工具包:


Midori

一个超轻量级Javascript框架,它集合了很多常用的UI技术。而且即使包括缩进语言,Midori也只有51K:


Scripty 2

另一个支持最新版Webkit游览器的CSS过渡和转换的框架。


ZK

ZK包括超过200个ajax组件,一切准备就绪:


jQTouch

一个用于手机iPone应用开发的jQuery插件:

  

代码片段和脚本

      为什么我们要白费力气呢?如何这里有一个存在的片段,而它正是你所需要的,你就可能在下面的这些网站中找到。

jQuery Labs

一个为你网站预制jQuery组件的庞大的资料库:


Snippet Library

一个由用户提交审查的各种程序语言的片段和代码教程的资料库:


The Javascript Source

一个常用javascript和ajax片段的便捷的向导:


roScripts (beta)

可以被用户投票的脚本、片段和资源:


Snipplr

一个有许多先进脚本和jQuery技术的好资源:

Code Sucks

有关于Javascript片段如何工作的极其详细的评论的网站:

HTML Goodies

另一个有优秀的步骤记录文件的jQuery资源:


WebResources Depot

包括在它们的设计资源的大型目录中的是大量非常有用的脚本和片段:


Ajax Rain

出色的

以分类和标签的形式表现的
片段资源库,它能使你很容易找到你这在寻找的东西:


Open Source Scripts

提供截止于2004年的Javascript片段和代码:


Mini Ajax

非常优美程序片段的集合:


Webappers

大量的包括非常好的图片编辑片段集合的jQuery组件:

Javascript Kit

原创在线javascript片段资源库之一:


Webcodr.com

一些对你网站非常有用的程序片段:


HTML Assets

基础javascript片段的小集合:


  

其他杂项资源

      这里有方便的并不适合下面任一类别的UI资源,但是我们仍旧感到是值得提及的:

Slidenote

一个简单的能使你创建滑动通知(sliding notification)的jQuery插件:


Editable Grid

只要几行简单代码,就能将HTML表格转换为可以用高级选项操作的组件:


Placehold.it

为你排版简易创建占位符的服务器:


Fillerati

一个独特的Lorem Ipsum的替代品。为你网站模型创建真实文字块,帮你从所能接收到的各种公共域文字中做出选择。


qTip2

一个qTip的提示窗口插件的jQuery升级。使得为你网站制作风格化提示窗口变得容易:

原文地址:一根棒冰,http://article.yeeyan.org/view/144345/168856

jQuery 3D文字特效(备用)

源码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>jQuery 3D文字</title>
<style type="text/css">
body{
    font-family: Arial, "MS Trebuchet", sans-serif;
    background-color: #111;
}
#list{
    margin:0 auto;
    height:600px;
    width:600px;
    overflow:hidden;
    position:relative;
    background-color: #000;
}#list ul,#list li{
    list-style:none;
    margin:0;
    padding:0;
}
#list a{
    position:absolute;
    text-decoration: none;
    color:#666;
}
#list a:hover{
    color:#ccc;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="list">
    <ul>
                <li><a href="//sjolzy.cn/Php.html">PhP</a></li>
                <li><a href="//sjolzy.cn/jQuery.html">jQuery</a></li>
                <li><a href="//sjolzy.cn/Magento.html">Magento</a></li>
                <li><a href="//sjolzy.cn/MySql_.html">MySql</a></li>
                <li><a href="//sjolzy.cn/Js.html">Js</a></li>
                <li><a href="//sjolzy.cn/HTML.html">HTML</a></li>
                <li><a href="//sjolzy.cn/CSS.html">CSS</a></li>
                <li><a href="//sjolzy.cn/Ajax.html">Ajax</a></li>
                <li><a href="//sjolzy.cn/ThinkPHP.html">ThinkPHP</a></li>
                <li><a href="//sjolzy.cn/Apache.html">Apache</a></li>
                <li><a href="//sjolzy.cn/Linux.html">Linux</a></li>
                <li><a href="//sjolzy.cn/Python.html">Python</a></li>
                <li><a href="//sjolzy.cn/Category.html">web</a></li>
                <li><a href="//sjolzy.cn/Category.html">xhtml</a></li>
           
            </ul>
        </div>
<script type="text/javascript">
$(document).ready(function(){
    var element = $('#list a');;
    var offset = 0;
    var stepping = 0.03;
    var list = $('#list');
    var $list = $(list)
    $list.mousemove(function(e){
        var topOfList = $list.eq(0).offset().top
        var listHeight = $list.height()
        stepping = (e.clientY - topOfList) /  listHeight * 0.2 - 0.1;
    });
   
    for (var i = element.length - 1; i >= 0; i--){
        element[i].elemAngle = i * Math.PI * 2 / element.length;
    }
    setInterval(render, 20);
function render(){
        for (var i = element.length - 1; i >= 0; i--){
            var angle = element[i].elemAngle + offset;
            x = 120 + Math.sin(angle) * 30;
            y = 45 + Math.cos(angle) * 40;
            size = Math.round(40 - Math.sin(angle) * 40);
            var elementCenter = $(element[i]).width() / 2;
            var leftValue = (($list.width()/2) * x / 100 - elementCenter) + "px"
            $(element[i]).css("fontSize", size + "pt");
            $(element[i]).css("opacity",size/100);
            $(element[i]).css("zIndex" ,size);
            $(element[i]).css("left" ,leftValue);
            $(element[i]).css("top", y + "%");
        }
        offset += stepping;
    }
});
</script>
</body>
</html>


查看DEMO

标签: jQuery, 3D

徐志摩 - 《你去》


你去,我也走,我们在此分手;
你上哪一条大路,你放心走,
你看那街灯一直亮到天边,
你只消跟从这光明的直线!
你先走,我站在此地望着你,
放轻些脚步,别教灰土扬起,
我要认清你的远去的身影,
直到距离使我认你不分明,
再不然我就叫响你的名字,
不断的提醒你有我在这里
为消解荒街与深晚的荒凉,
目送你归去……
不,我自有主张,
你不必为我忧虑;你走大路,
我进这条小巷,你看那棵树,
高抵着天,我走到那边转弯,
再过去是一片荒野的凌乱:
有深潭,有浅洼,半亮着止水,
在夜芒中像是纷披的眼泪;
有石块,有钩刺胫踝的蔓草,
在期待过路人疏神时绊倒!
但你不必焦心,我有的是胆,
凶险的途程不能使我心寒。
等你走远了,我就大步向前,

POP3常用命令码大全

POP3命令码
如下:
命令          参数       状态     描述
------------------------------------------
USER          username    认可     此命令与下面的pass命令若成功,将导致状态转换
PASS          password    认可     
APOP          Name,Digest 认可     Digest是MD5消息摘要
------------------------------------------
STAT          None        处理     请求服务器发回关于邮箱的统计资料,如邮件总数和总字节数
UIDL          [Msg#]      处理     返回邮件的唯一标识符,POP3会话的每个标识符都将是唯一的
LIST          [Msg#]      处理     返回邮件数量和每个邮件的大小
RETR          [Msg#]      处理     返回由参数标识的邮件的全部文本
DELE          [Msg#]      处理     服务器将由参数标识的邮件标记为删除,由quit命令执行
RSET          None        处理     服务器将重置所有标记为删除的邮件,用于撤消DELE命令
TOP           [Msg#]      处理     服务器将返回由参数标识的邮件前n行内容,n必须是正整数
NOOP          None        处理     服务器返回一个肯定的响应
------------------------------------------
QUIT          None        更新     

 

附一段PHP接收Email邮件
的代码。

$resHandler = @fsockopen( $strHost, $intPort, &$intErrorNum, &$strMessage, $initConnSecond );
if( $resHandler ){
    $strResponse = fgets( $resHandler, 4096 );    // 获取连接信息
    $bolUserRight = fputs( $resHandler, "USER ".$strEmail."\r\n" );
    $bolPassRight = fputs( $resHandler, "PASS ".$strPasswd."\r\n" );
}

Magento Gspay支付中转|Gspay支付接口跳转

个人承接Magento1.4.0.1以上版本的Gspay支付接口
开发,或者Gspay支付中转

Gspay政策已经开始对部分仿牌禁令了,所以决定相信很多继续使用Gspay支付接口的会考虑使用Gspay跳转
技术。有需要就联系我吧,个人赚零花钱。

另外也包括其他系统的Gspay支付接口开发

承接Magento首信易支付接口开发和首信易中转站建设