kalasoo

kalasoo

Crazy Monster! <a href="http://www.ming.today">ming.today</a>

Flat

翻译:优质UI的7条准则(一)

本文原文来自于 Medium:https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda,作者为:Erik D. Kennedy https://twitter.com/erikdkennedy。 虽然是译文,但是我在字里行间里也会加入自己的一些看法。 简介 首先,这个讲义并不适用于所有人,他主要是为了: 那些想要得心应手地制作出漂亮 UI 的程序员 那些想要自己的产品集超出常人的 UX 设计师,或是那些想要设计出优于知名 UI 库的交互的人。 如果你是一个设计学院的学生或者认为自己是一个很不错的 UI 设计师,那么你也许会觉得这篇文章有点乏味,错误甚至是令人反感的。不过,anyway。 那这些准则可以告诉你什么? 首先,我曾经是一个完全没有 UI 技术的 UX 设计师。当然,我热爱设计交互,但我之前并没有很重视他直到发现设计一款好的交互有很多的好处。 我那时的 portfolio 简直不堪入目,

canvas

绘制数据图表的又一利器:C3.js

很多人是数据控,其中又有很多人是图标控,看到一个个设计精美的图标在网页上腾挪移动不知戳到了多少人的高潮点。今天,我们就来总结几个好用的Chart libraries并隆重推荐C3.js(如果你已经想到D3的话,说明你懂的,么么哒)。对了,很多特殊目的的库很多(例如专门做Sankey,专门做GeoInfo的),但今天我们主要讲的C3则覆盖大多数charts的库。 这里是我使用过的几个,而今天会突出讲D3 & C3: D3.js / C3.js Chart.js Google Chart Tools HighChart NVD3 D3.js D3.js可以说是数据可视化做的最完整最复杂而展示效果也最引人入胜的一个库,诸多的研究机构、数据机构及开发者都很钟情于它。但是如果你真正地试用这个库,你会发现它并不是一个很简单的数据可视化工具,它更多地提供了一个数据化整理的结构功能。另外,它并不是基于jQuery或其他的底层js libraries,它本身就带有直接和DOM做交流的功能,因此一些教程说其基于a, b, c, …都是错误的。更好地了解它的价值,你也可以阅读我好友写的一篇文章:What

css3

前端实现:Medium(一)

大家好,我是新人kalasoo,现在还处在“试用期”,作为一个自学出来的前端新手,能够加入前端观察实在是异常兴奋。既然要一起来维护这个关于前端的博客,我一定会努力争取我所写的内容可以追上这里文章的质量水平。作为开始,我会做一个小小的系列来分析那些有名、特别、设计感十足或是交互体验出众的网站。同时我还会认真阅读其前端代码,为大家重现那些神奇的效果是如何实现的,当然也会尽我所知引用更多的资源来丰富内容。希望这个系列可以让大家更加了解前端技术,同时也可以锻炼我自己。 我们就从Medium开始 决定第一个来做这个网站的原因很简单,那就是好看啊!由于Medium的出现严重影响改变了博客、发布平台的风格以及编辑器等前端组建的设计,我们会分多期来分析各种细节是如何实现的。我们尤整体走向局部,所以我们先从整体布局来分析: 首页布局以及大背景图 网站背景 Medium是由Twitter的联合创始人:Evan Williams和Biz Stone创办于2012年8月创办的一个文章写作、阅读平台。注意,我这里并没有用很多网站上援引的博客平台是因为Medium的出现塑造了一种新的社会化自我营销渠道。在首页引入的Welcome to Medium里,我们看到它的初衷是为了让人们更好地写作,但是作为Twitter的一个延伸,它依旧搭载在一个社交性很强的平台之上。这也让在Medium中写作的人更愿意去分享、营销、推广自己的写作内容,甚至成为一些知名Developers, Designers and even Managers的发布渠道。例如:Facebook的Product