RedMonk 发布 2013年6月的编程语言排行榜，平时我们很少见这个编程语言的排行榜。 下图是 2013年6月的排行榜图表（点击图片查看大图） 下面是前 20 名的编程语言列表： Java * JavaScript * PHP * Python * Ruby * C# * C++ * C * Objective-C * Shell * Perl * Scala Assembly Haskell ASP R CoffeeScript Groovy Matlab Visual Basic (* 表示一级编程语言) 更多关于 RedMonk 编程语言排行榜的介绍请看这里。 RedMonk 编程语言排行榜数据来自 Github 和 Stackoverflow 上对编程语言的热门程度进行了比较。其中 Github 的排名是基于 Github 自己的语言统计，而 Stackoverflow 则是基于标签的关联。 转自：http://www.oschina.net/news/42738/redmonk-language-rankings-6-13
View Details定义和用法 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 HTML 与 XHTML 之间的差异 在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。 提示和注释： 提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对无法理解 iframe 的浏览器。 可选的属性 DTD 指示此属性允许在哪种 DTD 中使用。S=Strict, T=Transitional, F=Frameset. 属性 值 描述 DTD align left right top middle bottom 不赞成使用。请使用样式代替。 规定如何根据周围的元素来对齐此框架。 TF frameborder 1 0 规定是否显示框架周围的边框。 TF height pixels % 规定 iframe 的高度。 TF longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述。 TF marginheight pixels 定义 iframe 的顶部和底部的边距。 TF marginwidth pixels 定义 iframe 的左侧和右侧的边距。 TF name frame_name 规定 iframe 的名称。 TF scrolling yes no […]
View Details许多前端工程师，他们拥有客户所寻找的创造能力和技术能力，但是他们没有机会向客户展示他们的能力。这种，客户直接找到他们所需求的前端工程师的情况却很少发生。 让你的能力出名的方法，有一个很好的方法，建立起声誉，并且收集一个对你的特殊技能感兴趣的客户的名单。这不仅仅对一个自由作家是一个好办法，这也能使你脱离仅仅对一个特殊职位的竞争。作为一个开发者，你或许不知道如何开始营销自己，遵循这些技巧，你可以有效的表现出你的能力去赢得客户的注意。 1、找准定位 有时候我们喜欢什么技术都学一点，似乎这样能让自己无所不能，但在实际工作中我们让自己成为某一方面的专家会更好一些（毕竟你自己不能干完所有的事）。集中你的精力在某一方面，例如电子商务，博客，或者移动应用设计，然后坚持学习与之相关的东西，并且实际的来做一些东西，这样你在不知不觉之中就会成为这方面的专家，同时可以积累一些相关经验，甚至寻找到潜在的客户。你在这个领域的专家身份也会提升你的需求，工作流程的领先，可以让您选择更好的项目。 2、分享经验 提升自己专业能力的另一个办法就是写一些文章或关于此领域的一些案例分析。开始的时候可以将文章贴在博客或网站上，然后可以考虑交由SmashingMagazine 或 e-book publishing networks之类的网站来传播。或者像Addy Osmani does那样以html电子书的形式在网站上发布。这样可以提升你在此领域的专家声望。在社区里提供一些有用资源引起注意之后，可能会受到一些会议发言的邀请，与其他社区成员进行交流或类似顾问的工作。 3. 加入在线社区 你可以通过加入像Stackoverflow和Quora等社区赢得自己的声望。它不仅仅可以让你和其它开发者相互联系，而且还可公众展示自己解决问题的能力。而且通过像Github等开源软件平台，你可以发布自己的项目以及可以邀请社区很多其它开发者参与。当与他人交流你的专业意见和建立自己的网络时，通过这些社区有了强大的基础这是无价的呀。[@Lesus 注：当然语言障碍为题，在中国，也有这样的综合性的平台，如oschina] 4. 创建一个小型网站 单个页面的网站是最好的平台来展示你的技能。特别是对于面向非盈利的目的的设计，而且它具有创造性，完美的设计以及包含有趣的内容。这些有些和别人分享的网站，而且它是重要的方式来获得免费的快速的曝光。不用怕，疯狂起来吧，像视差卷动，非主流网格以及滑动特效等特性来充分展示你的能力。另一方面，同时它对展示了你技能的广度是很重要，像Ipod visualization 或者this one只有几个简单页面可以走得更远。这是重要方式让你的潜在用户（或者你的面试官）别小瞧了，而且能够和你创建的东西更好的交谈。 对SimpliSafe的家安全指南，它充满了创造性，高质量的内容，它是很好的你可以和人们就谈的项目的榜样。这个网通过熟练的比较这个城堡保卫系统和虚拟的视觉差滚动的增强引导用户保卫家。 Layered Defense 5. 开发在线工具 你是否想过有那么一个为特定的目的工具来帮助你的工作，考虑一下自己做一个。赞助者为这样一个事实感到惊奇：其它开发者使用的是你开发的工具或应用。有时那些最简单的想法是最有帮助的，所以简化你的想法让它们看起来十分容易。 CodePen 就是这样的一个对前端开发者有极大的帮助的在线工具的榜样。你创建的工具可以从这个在浏览器代码编辑器上获得灵感。 CodePen 6. 开发免费的资源或者插件 另外一个有效方向就是使你的个人项目适合开发者从网页上免费可下载的资源。考虑一下能够从使用者那里反馈它们的性能，那么你可以专注于下面的开发和提升你的项目。你甚至可以把它们提交给像Design Instruct这样的站点来获得更多的发布曝光。 这个UI设计者设计了一个素描和线框的工具集来为他的读者提供一个方便有用的界面和线框的元素。很容易地在他的站点上访问到，而且他也提供了很多种下载格式和一个用户反馈机会。 Wireframing Kit 7. 使用社交网络 社交网络可以说是最高效的免费广告方式。 因为社交用户和他们的网络口碑的助燃作用,你的名字和工作很容易被传播,这就是为什么这是一个值得你花费时间的营销策略。 您可以使用像Facebook、Twitter和Pinterest这样的网站来贡献高质量的帖子给公众,并将它们链接回你的博客,其内容应该缩窄范围来进一步适合您的特定受众定位。互联网用户和客户们可能会期望你在所有这些社交网站上都有账户,但通过在你的博客或网站中的社交媒体链接来访问会更容易,书写作品和所有其他你创建的营销元素。 8. 连接你所有的工作 通过把你所有的工作和媒体网站互相保持链接并使你所有的内容一致,你就把你自己从一名自由职业者(或求职者)改变成一个品牌,这会更容易有市场。你会建立一群跟随的读者和客户，它们可以给别人反馈和建议,这样你的客户基础就会不断增长。你的工作已经发展成向潜在客户进行展示，这会把你放到更进一步超越你的竞争对手的位置,你可以预测你的工作需求会增加。所以不要等待客户来找你,使用这些自信的策略来展示你的技能吧。 转自:http://www.oschina.net/translate/8-tips-for-promoting-your-dev-skills
View Details1minus1 modcloth ilovetypography ninemsn wall.plasm lockerz distilled gooddogdesign jhuskisson catalyststudios Mint magnt focuslabllc browsermedia onsydney 9gag Facebook 404 carbonmade Oops. Devantart blue-leaf headsvstailsapp sendgrid thefontain berganblue dustymiller worrydream bluedaniel brandcrowd gog us.blizzard via inspiretrends 转自:http://www.oschina.net/news/42615/inspirational-404-error-page-designs
View DetailsSockJS 是一个浏览器上运行的 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 Details云计算设计以一种高性价比的方式利用强大的计算机和通信网络功能，云计算系统可以让企业低价使用巨大的计算、存储和网络资源。我们大多数人都以这种 或那种方式使用着云计算，如果你有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 DetailsDodge & 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 Detailsblocklevel 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交互设计如今已是一个十分常见的问题，但许多设计者和开发者仍不知道它的具体意义。今天，我们将从不同于以往的方面：我们将会深入讲解能使你的网站拥有良好交互性的用户界面和设计原则。 首先，何为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 DetailsBlend.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 Details