WebSocket 模拟库 SockJS
SockJS 是一个浏览器上运行的 JavaScript 库，如果浏览器不支持 WebSocket，该库可以模拟对 WebSocket 的支持，实现浏览器和 Web 服务器之间低延迟、全双工、跨域的通讯通道。 SockJS family: SockJS-client JavaScript client library SockJS-node Node.js server SockJS-erlang Erlang server SockJS-tornado Python/Tornado server SockJS-twisted Python/Twisted server vert.x Java/vert.x server Work in progress: SockJS-ruby SockJS-netty SockJS-gevent (SockJS-gevent fork) pyramid-SockJS wildcloud-websockets SockJS-cyclone wai-SockJS SockJS-perl SockJS-go 转自:http://www.oschina.net/p/sockjs
View Details8 款开源的云计算环境管理工具
云计算设计以一种高性价比的方式利用强大的计算机和通信网络功能，云计算系统可以让企业低价使用巨大的计算、存储和网络资源。我们大多数人都以这种 或那种方式使用着云计算，如果你有Gmail、Yahoo! Mail或Hotmail的电邮帐号，那么你就有了云计算前端的使用经验。而在云计算系统的后端，则分布着不同的计算机、服务器和数据存储系统，它们创建 了云计算服务，但用户眼里看不到它们。有大量开源云管理工具可供选择以帮助自动化、监控、备份、跟踪和调整云计算基础设施。 其中包括： Juju 用于诸如横跨多个云的业务部署和流程控制、大型裸机虚拟化部署和基于工作站的服务原型设计等。 Deltacloud 用于将基于云的工作负载在不同的IaaS供应商之间迁移，如Amazon和Rackspace。 jclouds jclouds 是一个开源的Java类库，用来帮你开始云计算应用开发，并可重用已有的Java和Clojure技能。 Libcloud libcloud 是一个访问云计算服务的统一接口，该项目已经成为 Apache 组织的顶级项目，采用 Python 开发。 Ganeti Ganeti是基于Xen虚拟机管理器和其他开源软件的虚拟服务器管理软件工具。 Chef Chef 是一个系统集成框架，为整个架构提供配置管理功能 Puppet Puppet，您可以集中管理每一个重要方面，您的系统使用的是跨平台的规范语言，管理所有的单独的元素通常聚集在不同的文件，如用户， CRON作业，和主机一起显然离散元素，如包装，服务和文件。 Scalr Automation framework and web interface for managing infrastructure 转自:http://www.oschina.net/news/42569/opensource-cloud-manage-tools
View Details20 个微型网站 Web 设计的有效实例
Dodge & Burn Studio Faculty Ghostly Ferns The Gold of the Andes Nicolas Tarier Cyclemon PH Digital Labs Mixd Fashion Rikcat Industries Mark Boulton Design Finch Nathan Carnes Chris Garrett Media Ltd Monty Lounge Industries el Candor Pixelcraft MediaFlex just.dot Visualbox via djdesignerlab 转自：http://www.oschina.net/news/42453/20-effective-examples-of-minimal-web-design
View Details25 个带图标的网站设计实例
blocklevel siaperitivos pixelstadium wallcreations littlelines skylan worksmedical discovershadow knockknockfactory greenchameleondesign interativacom mailchimp kylethacker kinhr jackietrananh myowncorks ellijot positionly wootten mixpanel tigerlilyapps inhousefilming andreasfretz escapeflight RIT via inspiretrends 转自：http://www.oschina.net/news/42547/websites-with-icons-web-designs
View Details适用于伟大交互设计的 UI 原则
交互设计如今已是一个十分常见的问题，但许多设计者和开发者仍不知道它的具体意义。今天，我们将从不同于以往的方面：我们将会深入讲解能使你的网站拥有良好交互性的用户界面和设计原则。 首先，何为IxD 交互设计（即IxD）是一块发展迅速的新领域，大致出现于10-15年之前，源于一些体现设计问题的研究，后来被专业设计者鉴别和接受。 交互设计促进人与环境的交流，这里我们指的是人和网站的交流，交互设计师只要考虑用户和电脑的交互，毋须像UX设计者那样思考软件或系统所有涉及用户的方面。你也许在不同大学里听说过人机交互度——这些度基本是在IxD领域中培养的。 这样的设计师要做什么？ 一个交互设计师会思考谁是产品的目标用户以及谁会使用它。用户研究者或是信息架构师会提供这些信息。在这些研究的基础上，一个交互设计师为了用户与软件交流，要耗费很长时间但要尽快地创作出这种令人称奇的交互方式。 设计师必须识别出关键交互并且画出线框图, 所以要不停地画草图。有的设计师会直接画出来，有的设计师会用软件来辅助（文末展示了一些不错的例子），还有其他一些设计师会或单独或合作地创作界面。 交互设计（IxD）不断地展现出新的交互方式，因为用户总是期望网站出现新的事物。但交互设计师需要意识到这些特性会如何影响用户，然后在许多想法中选择真正要实现的和可以放一段时间的。 下面我们将会看到一些驱动交互设计的概念。 目标驱动设计 尽管IxD不需要做，但为了获得最好的设计反馈，用户研究查至关重要。用户使用软件时，一般在心里有一些目标，你的应用程序应当很好地满足这些目标。为了成功地结合设计和功能，用户研究恰恰是最重要的元素。 这是如此的重要，以至于许多用户研究员也能找到做交互设计师的工作，就是因为他们在分析用于软件的人类行为模式方面的技能。 简单化 人们不知道用户界面是什么。事实上他们也不关心。他们不知道有人在网站的背后策划着他们所见到的一切。他们只知道他们需要一个简单的网站。他们要一个易用的系统，加载/响应速度快，不要让用户思考并且不给用户伤痛的理由。 情景和模式 我们使用的一些产品通常功能设计的很明确，因此每一个人都知道怎么使用它们。拿剪刀做例子吧。一个三岁的小孩都知道怎么使用它，两个手指伸到两个环中，只有一个活动方式能使用它。没有比这更简单的了。你的网站应该向一把剪刀一样简单易用。 为什此处使用“情景”这个单词呢？因为这个词表达了一个网站或者系统背后一些列的功能。 关于模式，用户界面应当由一系列用户熟知的组件组成，如果用户想提交一个表单，他们首先会找到提交按钮。这个按钮就是个常见元素，设计者没必要在接受一个新项目时每次都重复早轮子。 有些人会说了仿照现有的模式，不重新造轮子会让人感觉没有创新性。在易用性没得到保障时讨论创新简直就是白痴。记住，易用性和创新性是两码事。 如果你想创新，你仍然需要了解已知的模式。但是，如果你追求高易用性，没有人鼓励你去重复造轮子，因为用户需要时间去适应你的轮子。 创建一个高易用的系统需要交互设计师对约定，情景和web易用性有较深的理解。 现在你了解了一些交互设计的原则，接下来让我们看看一个伟大的交互设计是如何影响用户的。 访客定位 交互设计师需要了解他们的设计面向哪些用户，因此他们能通过用户给产品做好定位。 页面上显示出用户停留的地方，这样的体验不会让用户在浏览时感到困惑。用户也能知道如何从一个页面跳转到另一个想去的页面。让用户知道当前所在的位置这是非常重要的，不要让他们陷入死胡同中。当搜索没有查询出结果，没有告诉用户下一步操作的选择，这样的交互体验是很糟糕的。 持续对话 交互设计把大量精力专注于给予用户持续的反馈。告诉用户他们做的是对还是错，即使在无意识的层面上，这也是一个受用户欢迎的元素。 你只须在用户完成动作的时候，告诉他们已经成功了。 当你在亚马逊上买一件东西时，你会在浏览器上和你的邮箱里获得一份确认书。当你通过联系表单提交邮件时，你会在页面中获得一份确认书。 这使得交互不仅仅停留于网站的浏览和特性使用，更是把交互带到了一个新的层面：它帮助用户更好地理解他们当前的状态，并把疑惑和问题减到最少，同时也去除了用户的挫败感。 思考工作流 IxD还要考虑工作流。如果你有一张注册表单，用户用它提交信息是会有什么事发生？页面会刷新吗，会跳转到首页吗，会显示确认信息吗，会跳转到登陆页面，或者同时跳转到上两个页面吗？ It’s about having many choices and choosing the one that will fit your users expectancies best. 提及的所有元素都是网站工作流的一部分。每次交互后应该紧跟下一个符合逻辑的步骤，并且与你网站之前所创造的体验相符。 视觉层次 为了让用户照你的意思操作，你可以使用视觉层次来帮助他们。你可以使用布局、元素大小和颜色组合达到视觉突出的效果，以此来引导用户的双眼。 你也可以使用视觉层次使用户找到他们想要的东西。你想租车吗？保证你能使用视觉层次来引导用户来到“租赁”页面。 良好的线框化工具 绘制草稿和线框图是如此重要，因此我愿意向你展示一些好用的工具，这样你就能马上开始交互设计工作了。 Mockingbird Mockingbird是一个基于web的应用，在这个网站上用户可以创建、连接、预览和分享站点或应用的框图。它的界面简洁友好，用户可以拖放元素，调整大小，甚至可以通过一个链接与同事方便共享。 因为Mockingbird是一个基于Web的应用程序，这意味着你从任何一台计算机无处不在地创建和修改你的构思。 Lovely Charts Lovely Charts是一个在线的图表应用，它允许用户创建流程图、组织架构图、站点地图和流程框图。该应用程序的主要特色功能是依据你所绘制的内容进行推测建议–这有助于绘图过程的简化，返回老版本和撤消更改也很容易。 Mockflow MockFlow也是一个很好的Web应用程序，它有干净简单的组织界面和一系列广泛的功能特性。 使用起来也使用拖放，有从图表到菜单，广告和下拉菜单等内置组件。你可以上传自己的图片或选择网站提供的通用素材，所以构建框图的过程是很快的。 SimpleDiagrams simplediagrams是另一个帮助用户通过创建框图表达自己的想法的桌面应用程序，它和上面提到的应用一样使用相同的拖放技术来实现。 尽管较其他应用没那么多的功能，但simplediagrams提供了能帮助用户创建框图更快速的基本工具。 介绍完simplediagrams今天的文章该结尾了。别忘了用户测试的重要性，记住创新和可用性通常会走向不通的方向。当创造神奇的交互界面的时候不断创新，专注于如何让使用它的人更加方便。 将这些牢记在心里，你会成为一个伟大的网站或应用程序交互设计师。 你怎么认为这个伟大的交互设计领域？你之前尝试过设计一个类似的接口元素没有，或是知道这些原则之后它是否为你所向往呢？ 转自：http://www.oschina.net/translate/ui-principles-interaction-design
View Details50 个首页布局使用推荐图标列表的实例
Blend.io Pathmpp Storify GroupTalent Boomerang NewsCred Cluster Ripple Pintrips SmartAsset Jetlore Sticky Ribbon Transferwise EverTrue TriggerMail Plenishable Learndot Base In Control Moodsnap Storefront Gradeable BringMeThat ZenPayroll Minibox Locket Placemeter Acquisition Labs docTracker Plow Me Boatbound Startup Compass MindSnacks Userfox Kinnek 15five AdStage Life360 Spinnakr Avado Streem Womply RolePoint Upverter Rapportive Skyscraper Spotflux Statwing Thumbtack Pygg via teamtreehouse 转自：http://www.oschina.net/news/42460/50-homepage-website-layouts-using-featured-details-icon-lists
View DetailsSaaS
软件即服务英文是Software-as-a-service的意译。国外称为SaaS，国内通常叫做软件运营服务模式，简称为软营模式。 软件即服务是随着互联网技术的发展和应用软件的成熟，而在21世纪开始兴起的一种完全创新的软件应用模式。它与“on-demand software”（按需软件），the application service provider（ASP，应用服务提供商），hosted software（托管软件）所具有相似的含义。它是一种通过Internet提供软件的模式，厂商将应用软件统一部署在自己的服务器上，客户可以根据自己实际需求，通过互联网向厂商定购所需的应用软件服务，按定购的服务多少和时间长短向厂商支付费用，并通过互联网获得厂商提供的服务。用户不用再购买软件，而改用向提供商租用基于Web的软件，来管理企业经营活动，且无需对软件进行维护，服务提供商会全权管理和维护软件。有些软件厂商在向客户提供互联网应用的同时，也提供软件的离线操作和本地数据存储，让用户随时随地都可以使用其定购的软件和服务。对于许多小型企业来说，SaaS是采用先进技术的最好途径，它消除了企业购买、构建和维护基础设施和应用程序的需要。 在这种模式下，客户不再像传统模式那样花费大量投资用于硬件、软件、人员，而只需要支出一定的租赁服务费用，通过互联网便可以享受到相应的硬件、软件和维护服务，享有软件使用权和不断升级；公司上项目不用再像传统模式一样需要大量的时间用于布置系统，多数经过简单的配置就可以使用。这是网络应用最具效益的营运模式。
View Details20 个免费的 UI 元素设计 PSD 文件下载
Sticky Butterscotch UI Kit – Free PSD Light UI Kit (PSD) Icon Deposit CSS3 UI Kit Toolbar Simplistic UI Kit Free PSD: IOS Toggle Compact Music Player Tasty Web Buttons Weather App PSD Freebie Instagram “Concept” (PSD) Flat UI Menu Black UI Kit Air Growl Theme [PSD] Slider Gmail – Icon – FREE PSD UI Psd Timeline Post Dark as Hell UI Dark UI [PSD link included] Mini Spotify – PSD via djdesignerlab 转自:http://www.oschina.net/news/42411/20-free-ui-element-psd-files
View Details新房验房14招
1招：看“备案”留“两书”新房入住前，业主应看到该项目有关备案文书的复印件，以便确认该项目是合法建筑;同时，应得到开发商提供的《住宅质量保修书》和《住宅使用说明书》。 2招：卫生间不渗不存。检查卫生间地面是否渗漏，可以用塑料袋装满沙子放在地漏上，然后在卫生间蓄一些水，24小时后，到对应的下层卫生间，看其顶部是否有渗漏。这个检测最好与上层住户同时进行，这样既可检测自家卫生间的地面是否渗漏，也可检测自家卫生间的顶部是否渗漏。检查卫生间地面是否存水，也是先在卫生间蓄一些水，然后放水，看地面是否有积水现象。合格的地面不应有积水存在，因为安装地漏处是卫生间最低处。但是，毛坯房除外，因为地漏周围留出了一定的后期铺装地面的高度。 3招：轻敲各面听空裂。墙面的抹灰、地面装饰面层及其他装饰面层是否存在空裂现象，只要用小锤轻轻一敲便知。若听到“空空”的声音，就是各面层与墙(地)面接触有缝隙，需要返工;若听到沉闷的碰击声，则表明它们接触良好。 4招：顶层住户查渗雨。如果买的是顶层，一定要查看各个房屋的顶面有无雨水渗漏的痕迹。因为按照建筑施工要求，所交工的房屋要么经过两场大雨的“考验”，要么施工方在监理单位的监督下进行过雨淋实验。 5招：阳台裂缝危险大。一般而言，墙面的裂缝大多不是结构裂缝，影响美观，但危险性不大。房屋的结构问题常出现在阳台，万一发现房间与阳台的连接处有裂缝，很有可能是阳台断裂的先兆，一定要立即通知相关单位。 6招：保温不好墙滴水。冬天，房间里的墙面如果有结露现象(类似夏天冰镇的瓶啤，在室温下外瓶壁出现的水滴)，这个墙面的保温层肯定有问题。 7招：大开龙头查漏堵。上下水管道有无渗、漏、堵现象，打开水龙头便知，需要注意的是，尽可能让水流大一点、急一点，一来看看水压，二来试试排水速度。 8招：暖气支管有坡度。暖气供、回水支管不是水平安放的，供水支管连接进水管的那端要高于连接散热器的那端，回水支管的两端高度正好相反，这个坡度与两根支管的长度成正比，一般每米相差1%。 9招：供暖管道要套管。供暖管道穿墙及穿过楼板应设套管(在管道与墙面或楼板交接处，给管道再套上一小截管子)，地面的套管应高出地面2-3厘米，地面为初装修的，应高出地面5厘米。其作用是防止供暖管道热胀冷缩后拱裂墙面和楼板。 10招：拉闸断电不可少。电闸及电表在户外的，应检查其是否能控制室内的灯具及室内各插座，方法是拉闸后户内是否完全断电;户内有分闸的，也应同样分别检查各个分闸是否完全控制各分支线路。 11招：保险插座护幼童。为防止幼童把手指头伸进插座孔中，距离地面30厘米高的插座都必须带保险装置。 12招：卫生间插座规矩多。卫生间内的电源插座应是防潮插座并有防溅措施卫生间的照明灯座必须是磁口安全灯座洗手盆的上方不应有插座。 13招：厨卫紧邻通风道。厨房、卫生间应与通风道就近安排，这样有利于异味、废气等气体的迅速排出，保持室内空气的清洁。 14招：开关接口拉一拉。检查一下开关、插座的牢固程度，尤其别忘了打开电话、电视的线路接口，用力拉一拉，看是否虚设。
View Details