2017年1月9日,小程序如约而至。相关文章铺天盖地,选几个看到的:小程序想要什么微信小程序大全百度地图 - 微信小程序JavaScript API

Crafting a high-performance TV user interface using React
The Netflix TV interface is constantly evolving as we strive to figure out the best experience for our members. For example, after A/B testing, eye-tracking research, and customer feedback we recently rolled out video previews to help members make better decisions about what to watch. We’ve written before about how our TV application consists of an SDK installed natively on the device, a JavaScript application that can be updated at any time, and a rendering layer known as Gibbon. In this post we’ll highlight some of the strategies we’ve employed along the way to optimize our JavaScript application performance. å High-Speed ES2015
In this talk will be looking at ES2015 from the point of view of V8. But also some Node specific concerns.

Google AMP Cache, AMP Lite, and the need for speed
Google 对 AMP 的性能优化

ES proposal: import()
The ECMAScript proposal “import()” by Domenic Denicola is currently at stage 3. It enables dynamic loading of ECMAScript modules and is explained in this blog post.

CSS Evolution: From CSS, SASS, BEM, CSS Modules to Styled Components
https://m.alphasights.com/css-evolution-from-css-sass-bem-css-modules-to-styled-components-d4c1da3a659b#.8v80tq9r9 Since the beginnings of the Internet we’ve always had the need to style our websites, CSS has been around forever and has evolved at its own pace over the years, this article will take you through it.

10 Tips to Become a Better Node Developer in 2017
In this post I’ll outline ten tips to help you become a better Node developer in 2017. These tips come from me, who saw and learned them in the trenches, as well as people who have written the most popular Node and npm modules. Here’s what we’ll be covering.

Google Infrastructure Security Design Overview
This document gives an overview of how security is designed into Google’s technical infrastructure. This global scale infrastructure is designed to provide security through the entire information processing lifecycle at Google. This infrastructure provides secure deployment of services, secure storage of data with end user privacy safeguards, secure communications between services, secure and private communication with customers over the internet, and safe operation by administrators. Google uses this infrastructure to build its internet services, including both consumer services such as Search, Gmail, and Photos, and enterprise services such as G Suite and Google Cloud Platform.

A Year Without a Byte
One of the largest cost drivers in running a service like Flickr is storage. We’ve described multiple techniques to get this cost down over the years: use of COS, creating sizes dynamically on GPUs and perceptual compression. These projects have been very successful, but our storage cost is still significant. At the beginning of 2016, we challenged ourselves to go further — to go a full year without needing new storage hardware. Using multiple techniques, we got there.

11 lessons learned as a React contractor
18 年开发经验总结的一些内容

一个 React 的坑

How Functional Animation Helps Improve User Experience
Since humans are visually driven creatures, the impact of imagery only increases with the help of animation. Our eyes innately pay attention to moving objects, and animation is like eye candy — catchy and bright elements that call attention to and help differentiate an app from its competitors. As of late, more and more designers are incorporating animation as a functional element that enhances the user experience. Animation is no longer just for delight; it is one of the most important tools for successful interaction.

Yarn vs npm - The State of Node.js Package Managers
With the v7.4 release, npm 4 became the bundled, default package manager for Node.js. In the meantime, Facebook released their own package manager solution, called Yarn. Let’s take a look at the state of Node.js package managers, what they can do for you, and when you should pick which one!

If you are making a JavaScript library, then this blog post is for you. Other languages probably apply too. I wrote down a few thoughts on how I design the interface of my libraries. These are not truths, these are just one person’s opinions on what makes a good library.

Bringing Wide Color to Instagram
Last September, Apple announced the iPhone 7 and 7 Plus, which include cameras that capture a greater range of colors than previous models, and screens that can display that wider color range. We’ve just finished updating Instagram to support wide color, and since we’re one of the first major apps to do so, I wanted to share the process of converting the app to help any others doing the conversion.

OpenCV tutorial: Computer vision with Node.js
In this openCV tutorial, I will show you how to work with computer vision in Node.js. I will explain the basic principles of working with images using the open source library called OpenCV - with real-life use cases.



从三个维度介绍可视化中最基础、最重要的一些概念、理论: 可视化流程数据模型视觉编码,这位小哥还分享了他 获取信息的渠道



让 git diff 结果更清晰

Rax is a universal JavaScript library with a largely React-compatible API. If you use React, you already know how to use Rax.

Guetzli is a JPEG encoder that aims for excellent compression density at high visual quality. Guetzli-generated images are typically 20-30% smaller than images of equivalent quality generated by libjpeg. Guetzli generates only sequential (nonprogressive) JPEGs due to faster decompression speeds they offer.

MobX 3 released: Unpeeling the onion
Version 3 doesn’t introduce many new concepts, nor did barely anything change in the core algorithm. But the API has received many improvements. The API is now more coherent, and it paves the path towards a Proxy based Mobx implementation (to be made once all major web browsers support this move).

Dart in 2016: The fastest growing programming language at Google, 2nd fastest growing in TIOBE Index
国内似乎还没多少人关注和实践 Dart。

A Prettier JavaScript Formatter
Prettier is an opinionated JavaScript formatter inspired by refmt with advanced support for language features from ES2017, JSX, and Flow. It removes all original styling and ensures that all outputted JavaScript conforms to a consistent style.

LoopBack - a highly-extensible, open-source Node.js framework
LoopBack is an open source Node.js framework built on top of Express optimized for building APIs for mobile, web, and other devices. Connect to multiple data sources, write business logic in Node.js, glue on top of your existing services and data, connect using JS, iOS & Android SDKs.

There are already several excellent libraries with a functional flavor. Typically, they are meant to be general-purpose toolkits, suitable for working in multiple paradigms. Ramda has a more focused goal. We wanted a library designed specifically for a functional programming style, one that makes it easy to create functional pipelines, one that never mutates user data.

Introducing React Reform
方便做表单的 React 库

NPM Magic
NPM 中的小技巧

Elemeno - An API Based CMS
With Elemeno your content is delivered via our RESTful API. That means that you can use your favorite programming language or framework on virtually any device or platform. If you can send HTTP requests, you can use Elemeno. No more fighting with proprietary templates or “The Loop”, you’re not restricted by your CMS anymore.

Top Collections of 2016 on CodePen
What a year! 2016 was the biggest year for CodePen yet. It’s such a joy to show off the top Pens, Collections, and Posts from 2016.

Node RED Version 0.16 released
Node-RED is a tool for wiring together hardware devices, APIs and online services in new and interesting ways.

A Monthly Release Cadence: Releasing December and January RC
We’re happy to announce the new monthly release cadence, and the December 2016 release, v0.40, which has been stabilizing for all last month and is ready to adopt.

A simple yet powerful and extensible Markdown Editor editor for React, inspired by GitHub.

Lebab transpiles your ES5 code to ES6/ES7. It does exactly the opposite of what Babel does.

KUTE.js is a native Javascript animation engine featuring great code quality, badass performance, SVG morphing, stroke drawing and 2D & 3D transforms, CSS3 transforms, colors, as well as other CSS3 properties or presentation attributes.

Awesome Hyper
Delightful Hyper plugins, themes, and resources

Resilient Web Design
The World Wide Web has been around for long enough now that we can begin to evaluate the twists and turns of its evolution. I wrote this book to highlight some of the approaches to web design that have proven to be resilient. I didn’t do this purely out of historical interest (although I am fascinated by the already rich history of our young industry). In learning from the past, I believe we can better prepare for the future.

Blender for Hackers - 3D modeling is just like using VIM
Modeling 3D objects is pretty neat. Whether it is for animating a video or making an interactive program, having some understanding the basics of a 3D program makes it easy to create impressive looking things. Enter Blender - an amazing, FLOSS software package. To me Blender is like VIM, a modal, keyboard driven editor, only 3D. It is so intuitive for developers!

Source Serif Pro
Source Serif Pro is a set of OpenType fonts to complement the Source Sans Pro family. In addition to functional OpenType fonts, this open source repository provides all of the source files that were used to build them using the Adobe Font Development Kit for OpenType (AFDKO).

Open color
Open color is an open-source color scheme optimized for UI like font, background, border, etc.

vbot - JSON based visual regression tester
基于 JSON 写配置的界面自动化测试工具

** Zazu**
Alfred 的开源替代品


回顾Google Brain 2016:机器学习取得重大进展
Google Brain 团队致力于智能的机器学习来改善人们的生活。为此,无论是在纯理论研究的领域,还是将研究成果投入实际应用,探索从未停止。近期,Google Brain 团队负责人 Jeff Dean 对2016年在各领域取得的重大进展进行了总结。另附:未来简史:人类是一种过时的算法


这可能将是2017年最引人注目的 IPO
Dropbox CEO 的这个理念非常棒:“世界上有近20亿知识型员工。我相信,5年后他们使用的工具将不再是他们今天使用的工具”。另外,Atlassian 收购了 Trello,见 Atlassian + Trello: changing the way teams work。期待这些致力于改变传统工作方式的公司给办公领域代理的变革。不过 曾想颠覆 Twitter 的 App.net 正式宣布关闭,文中这段话发人深省:看起来美好的东西很少有效,因为商业世界里,人们会自动涌向最好的服务,而最好的服务来源于最好的创业者所构建出来的、最好的商业模式,当一个产品看起来像英雄挑战旧有秩序,那只是因为它还没有机会壮大到成为一个恶人。

腾讯联合创始人张志东:关于企业如何基业长青 我的内外部思考
企业基业长青的秘密究竟是什么?张志东从内外部视角谈了谈自己对此的认识,希望能给你带来一些启示。 每个大公司发展背后都离不开良好的企业文化,一家公司不能仅仅为了市场份额和商业利益,而要面向未来,具备更强的社会责任感,传递社会正能量,管理层首先要有这样的坚持。一个优秀的互联网的产品,初心往往都是很朴素的,就是用互联网帮助人们解决一个生活中不爽的问题,让生活更好,而在一个竞争激烈的环境里,在一个大型组织里,团队比较容易迷失,变成了为 KPI,为了做大,为了出名,为了打败竞争对手,当团队把「成为行业第一」,「我要做老大」当成目标, 就容易陷入越做越想「更强大」,缺乏抵御诱惑的能力。

单核工作法图解 - 让生活和工作更高效的单核工作法