产品设计

    今日:4| 主题:22997
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] Websites We Like: October 2016

[复制链接]
穿高跟鞋俯视 发表于 2016-10-20 02:20:30
280 6
Another month, another collection of fascinating websites! Here’s a few that have caught our attention lately.
  GitHub Octoverse 2016

   Alongside releasing a bunch of neat updates , GitHub recently published their annual breakdown of what’s been going on in the community. It’s called the GitHub Octoverse :
     

Websites We Like: October 2016

Websites We Like: October 2016
     It’s funny to think that the Octoverse used to be little blog posts and now they’ve flourished into beautiful standalone websites filled to the brim with infographics and charts.
     

Websites We Like: October 2016

Websites We Like: October 2016
     I especially like the choice of big text and the use of the typeface Karla .
  Intercom

   Intercom , the customer communication platform, recently launched a redesigned website chock full of illustrations and beautiful imagery:
     

Websites We Like: October 2016

Websites We Like: October 2016
    Every page on the website is worth exploring for the way in which they describe their product, their team and their goals. A cast of animal characters bring a sense of levity and quirkiness to what might be an otherwise straight forward and boring experience.
     

Websites We Like: October 2016

Websites We Like: October 2016
    Digital Ocean

   You might be already familiar with Digital Ocean , the cloud computing company, and they’ve launched a redesigned website, too.
     

Websites We Like: October 2016

Websites We Like: October 2016
     The design team wrote about the goals of the redesign which included prioritising accessibility and CSS architecture:
  The old digitalocean.com CSS had thousands of rules, declarations, and unique colors. The un-gzipped file size came out to a whopping 306 kB.
   For the redesign, we implemented a new design system called Float based on reusable components and utility classes to simplify and streamline our styles. With the Float framework, which we hope to open source soon, we were able to get the CSS file size down to almost a quarter of its original size: only 80kB!
  Stripe

   Stripe also received a lovely redesign a short while back:
     

Websites We Like: October 2016

Websites We Like: October 2016
     One neat thing I noticed was how the font Camphor is being loaded in the head :
  1. <link rel="preload" href="/fonts/camphor/4b0f2143.woff2" as="font" type="font/woff2" crossorigin>
复制代码
  This is one of many useful tricks to loading a webfont super quickly, withpreloading. It’s not an ideal approach, and you certainly shouldn’t be preloading multiple fonts because that’ll impact performance, but in this case since Stripe isn’t loading many weights then this is a solid approach.
  Anyway, there’s a tiny bit of UI that stood out to me here: the hover states in the main navigation. There’s a delay as you hover over each item that feels in that wonderful “sweet spot” of animation that’s so hard to get right:
     

Websites We Like: October 2016

Websites We Like: October 2016
    NYT: How to Meditate

   The New York Times published an article on How to Meditate . The background animation and illustration is particularly beautiful on big screens:
     

Websites We Like: October 2016

Websites We Like: October 2016
    Type Terms

   Type Terms helps designers learn more about the specific elements of a letterform and typeface:
     

Websites We Like: October 2016

Websites We Like: October 2016
    Again, subtle animations play a part in moving through the interface that really makes all the difference:
     

Websites We Like: October 2016

Websites We Like: October 2016
    inspiring.online

   inspiring.online , in the words of its creator Tim Holman, is...
  ...a blog for those looking for encouragement, and inspiration in the tech world, but is also an experiment. The entire blog is open source, so anyone can submit amendments to posts, fix spelling mistakes, add discussion links, and create new posts too! Ideally, it's a great starting area for someone to enter the open source world!
     

Websites We Like: October 2016

Websites We Like: October 2016
    And that’s it until next time! If you have any more websites that you’ve found interesting then be sure to let us know in the comments!
高三情侣 发表于 2016-10-20 05:35:28
这个星期四是肿么啦
回复 支持 反对

使用道具 举报

Samuelcync 发表于 2016-10-20 07:03:04
顶一个!看帖是一种习惯,顶贴是一种态度,回帖是一种美德。
回复 支持 反对

使用道具 举报

当当 发表于 2016-10-23 09:04:51
宁愿笑着流泪,也不哭着说后悔.
回复 支持 反对

使用道具 举报

香莲 发表于 2016-10-26 08:00:07
大声告诉我这是几楼?
回复 支持 反对

使用道具 举报

yaolixiang321 发表于 2016-11-5 20:49:43
有的人,做面膜的时候,比真人好看多了。
回复 支持 反对

使用道具 举报

speedsun001 发表于 2016-11-11 01:03:47
太邪乎了吧?
回复 支持 反对

使用道具 举报

我要投稿

回页顶回复上一篇下一篇回列表
手机版/c.CoLaBug.com ( 粤ICP备05003221号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表