2018.01.08

Title: 2018.01.08

Industry Conferences

First Ant Experience Technology Conference https://seeconf.alipay.com/ Attachments: Ant Financial SEE Conf 2018 Highlights, Conference Experience. Launched alongside the conference is a knowledge‑creation tool: Yuque (http://yuque.com/), which is worth checking out if you need to write documentation or build a team knowledge base.

Deep Reading

Roadmap of Web Applications on Mobile https://www.w3.org/2018/01/web-roadmaps/mobile/ – still hoping it arrives a bit sooner.

Aurelia 2018 Roadmap http://blog.aurelia.io/2018/01/03/aurelia-2018-roadmap/ Platform Features and Capabilities. Server‑Side Rendering (SSR). Aurelia UX. Web Component Export. Single‑File Components…

Front‑End Performance Checklist 2018 https://www.smashingmagazine.com/2018/01/front-end-performance-checklist-2018-pdf-pages/ If we created an overview of everything we need to keep in mind when improving performance—from the very start of the process to the final release—what would that list look like? Below you’ll find a (hopefully unbiased and objective) front‑end performance checklist for 2018, covering the issues you might need to consider to ensure fast response times, smooth user interaction, and bandwidth‑friendly sites.

Ember Timer Leaks: The Bad Apples in Your Test Infrastructure https://engineering.linkedin.com/blog/2018/01/ember-timer-leaks This piece discusses test stability and mentions Ember in particular. While the topics apply to all single‑page applications (SPAs), they’re examined here from an Ember perspective, since Ember is the framework of choice at LinkedIn.

An Audit of Boomerang’s Performance https://calendar.perfplanet.com/2017/an-audit-of-boomerangs-performance/ Boomerang’s mission is to measure all aspects of the user’s experience without affecting page load time or causing a noticeable degradation (avoiding the Observer Effect). It can be loaded asynchronously so it won’t delay the page even if boomerang.js is unavailable. This post performs an honest audit of the total “cost” of Boomerang on a page it is measuring.

[译]Pinterest’s PWA Practice https://mp.weixin.qq.com/s?__biz=MzIwNjQwMzUwMQ==&mid=2247485707&idx=1&sn=60de1fcd951f76e1c057421bb8d02130 Pinterest uses a PWA for its new mobile web experience. The article explains how Pinterest keeps the JavaScript bundle lean and uses Service Workers to maintain network resilience, ensuring fast loading on mobile devices.

Node.JS — Best of 2017 https://codeburst.io/node-js-best-of-2017-6f81f4ccfea Also see: React & React Native — Best of 2017, Top Pens of 2017 on CodePen, JavaScript 2018: Things You Need To Know, and a Few You Can Skip

The Rise Of The State Machines https://www.smashingmagazine.com/2018/01/rise-state-machines/ It’s 2018 already, and countless front‑end developers are still battling complexity and immobility. Month after month they’ve searched for the holy grail: a bug‑free application architecture that lets them ship quickly and with high quality. I’m one of those developers, and I’ve found something interesting that might help.

8 Best Practices for Perfect CSS Documentation https://webdesign.tutsplus.com/articles/css-documentation-best-practices--cms-30139 In this article I explain the benefits of documenting CSS and share what my team at Bitovi and I consider the best practices to make documentation work for you—not the other way around. Let’s dive in.

Sapper: Towards the Ideal Web App Framework https://svelte.technology/blog/sapper-towards-the-ideal-web-app-framework Sapper is a Next.js‑style framework that aims to meet the eleven criteria listed at the top of this article while dramatically reducing the amount of code sent to the browser. It’s implemented as Express‑compatible middleware, making it easy to understand and customize.

SQL Keys in Depth https://begriffs.com/posts/2018-01-01-sql-keys-in-depth.html The internet is full of dogmatic commandments for choosing and using keys in relational databases. At times it verges on a holy war: should you use natural or artificial keys? Auto‑incrementing integers, UUIDs?

Good Books for Deep Hacks https://begriffs.com/posts/2017-04-13-longterm-computing-reading.html The books listed here are emphatically not about “cracking” coding interviews or other brain‑teasing exercises. They focus on intrinsically interesting topics. I’ve also omitted the usual suspects like SICP, TAOCP, or CLRS—the selections are higher‑level guides for diving into fun, deep hacks.

Ten Things I Wish I’d Known About Bash https://zwischenzugs.com/2018/01/06/ten-things-i-wish-id-known-about-bash/ Here I focus on the things that either confused me or dramatically increased my power and productivity in Bash, and I try to present them (as in my book) in a way that emphasizes solid understanding.

Designing Memorable Logos https://mp.weixin.qq.com/s?__biz=MTEwNTM0ODI0MQ==&mid=2653435075&idx=1&sn=1191fc2ec2a0fd74fe3197031b34b25b A logo (i.e., a trademark) is the most important graphic or typographic symbol in a brand’s identity and is gaining increasing importance in today’s fierce market competition. A great logo helps users quickly recall the product and conveys brand culture. This article examines the four components of a logo (color + shape + personality + meaning) and offers simple advice on how to design a memorable logo.

What You Can Learn From Years of Studying Netflix’s Microservice Architecture https://mp.weixin.qq.com/s?__biz=MzIwMzg1ODcwMw==&mid=2247487304&idx=1&sn=147bbf10cb316350e3e4a5ac612378db Netflix is an industry exemplar for microservices and DevOps, with successful large‑scale production‑grade microservice practices. Most of its tech stack is open source, well‑modularized, and serves as a template. Rich technical material is available via the company’s tech blog or SlideShare. This article is the author’s summary of years of research on Netflix’s technical resources—a comprehensive reverse‑engineering of Netflix’s microservice architecture.

Difference Between a Web Developer and a User Interface Developer http://codecondo.com/difference-between-a-web-developer-and-user-interface-developer/ Both UI developers and web developers are important. They work differently but aim for the same result—providing solutions to technical problems. Their level of expertise creates the professional distinction between the two roles.

12 Mobile UX Design Trends for 2018 https://uxplanet.org/12-mobile-ux-design-trends-for-2018-5b4ce7e8445f Things move quickly in the mobile app universe. To succeed in mobile UX design, designers must anticipate and prepare for new challenges around the corner. To simplify the task, I’ve listed the biggest, most impactful trends for 2018—and likely beyond.

Fresh Finds

Many packages suddenly disappeared https://github.com/npm/registry/issues/255 Another major npm registry incident.

Time‑travelling exploits with Meltdown [h

(content truncated)

---

Originally written by Ping Xia (平侠) and published in Chinese on Web技术周刊 (Web Tech Weekly). Translated and adapted for DriftSeas with permission.