Labnotes

Weekend Reading — Keeping an eye on it

Published on

Alta. man mowing lawn during tornado was 'keeping an eye on it' 😮


Design Objective

In the future, design principles won’t be about design Leveling up:

But as the industry evolves and concepts such as simplicity, consistency and accessibility become unquestionably valuable, design principles will be more about users, and less about design.

Luke Wroblewski "designing for one-handed use"

Just Keep Scrolling! How To Design Lengthy, Lengthy Pages How different web sites deal with the challenge of long or even infinite scrolling experience.

Jon Cowie "we did a thing combining color & position here that’s worked really well for colorblind folks"

Designing Efficient Web Forms: On Structure, Inputs, Labels And Actions The checklist that keeps getting longer every year — now includes conversational interface forms (aka chatbots.)

@adampowers "Today's UX lesson: don't just design around variables. Stay mindful of how a value range might change the meaning and impact of your copy."


Tools of the Trade

Debugging Tips and Tricks Sarah Drasner's excellent introduction to debugging JavaScript, including latest tools, language features, and don't forget the fundamentals!

Isolation is possibly the strongest core tenets in all of debugging. Our codebases can be sprawling, with different libraries, frameworks, and they can include many contributors, even people who aren't working on the project anymore. Isolating the problem helps us slowly whittle away non-essential parts of the problem so that we can singularly focus on a solution.

The Future of MDN: A Focus on Web Docs MDN about to become much better: "Now we’re looking to double-down on that work, and solidify MDN as the single best resource for Web docs."

New in Chrome 59 Headless Chrome is here, finally using native notifications on macOS, and Image Capture API.

Kelly Shuster

Things you find yourself telling the new intern: "I promise Android Development is more than just waiting for gradle." 😬 😭 #AndroidDev

Yarn determinism On the difference between Yarn and npm 5:

npm 5 has stronger guarantees across versions and has a stronger deterministic lockfile, but Yarn only has those guarantees when you’re on the same version in favor of a lighter lockfile that is better for review.

Magnus Hult 📧

You're talking about inbox zero, but have you achieved npm outdated zero?

Ben Porter "Good life advice from the c++ specification."


Web-end

70% Repetition in Style Sheets: Data on How We Fail at CSS Optimization The lowest common denominator keeps being — not developers — but CSS.

Safari 11.0 No Progressive Web Apps, no ES2017, lots of web APIs are still missing. But we do get WebRTC, drag & drop on iOS, and WebAssembly.

Una Kravets Retweeting:

RT if you casually browse the web w/dev tools open (probably left open by accident) 70% of the time


Lingua Scripta

Delivering untranspiled source code via npm Using esnext to include untranspiled source code in npm packages.

JavaScript's new #private class fields Literally #.

WebAssembly cut Figma’s load time by 3x What is WebAssembly, and what are the performance gains compared to asm.js/JavaScript:

The biggest benefit we saw from using WebAssembly at Figma was faster load time. … As you can see, our load time improved by more than 3x after we switched to WebAssembly regardless of document size.

Axel Rauschmayer ⁉️

Don’t use parseInt to convert to int:

parseInt(0.0000008,10) => 8

Why? Coerces to str:

String(0.0000008) => '8e-7'


Lines of Code

James Iry 🎓

Every CS degree covers fancy data structures. But what trips up more programmers? Times. Dates. Floats. Non-English text. Currencies.

Eric Elliott 💯

Good code is simple. Code reviews are a great way to train teams to write simple code. Don't be afraid to say "this is hard to understand".

@partytimeHXLNT "If learning to cook was like learning to code:"


Peopleware

Other than algorithms, what are the most important concepts to know in computer programming? In a nutshell (but read the entire post, absolutely worth it):

Software engineering is about so much more than the technology you can harness. Its about harnessing people, also. At the end of the day, it’s about solving problems that people have.

The Single Most Important Driver Of Software Quality TL;DR "developers having skin in the game is the main driver of software quality."


Locked Doors

Intelligent Tracking Prevention Safari 11 uses machine learning to prevent machines from learning all the details of your browsing history:

A machine learning model is used to classify which top privately-controlled domains have the ability to track the user cross-site, based on the collected statistics.

HomePod, Echo, Google Home: How secure are your speakers? Whereby "speaker" means an "always-on listening device that uploads to the Internet". So if you want some measure of privacy:

With anonymized IDs, Apple's speakers have a much more compelling argument for not handing over data: They can't find it.

In the game of hide and seek with your voice data, the advantage -- for now -- goes to Apple.

You’ll never guess where Russian spies are hiding their control servers Crafty:

a recently discovered backdoor Trojan used comments posted to Britney Spears's official Instagram account to locate the control server that sends instructions and offloads stolen data to and from infected computers

How to Make $80,000 Per Month on the Apple App Store Scammers abusing App Store Search Ads, in-app subscriptions, and does anyone even review these apps?


None of the Above

Sal Partovi "can i get a version of this that deletes meetings instead?"

Fakespot Browser extension and mobile apps for spotting fake reviews on Amazon/Yelp.

iOS 11 Tidbits Customizable Control Center, one-handed keyboard, type to Siri, and more. Some of these new features may be familiar to Android users. Either way, eagerly waiting for the beta to drop.

Mike Taylor 🗓

life hack: the quickest way to make 3 months pass is to write “i’ll get to this later this week” in a public bug tracker.

@CGdrawing