Labnotes

Published on

DLl9f9zXkAAg4Tz

UPS DOGS via @torclean


Design Objective

Instacart’s Lead Product Designer on Creating A Design System If at first you fail …

1-3tbOmq7ifI5iTOuf8hctUQ

Flat Design: Why you should question Nielsen Norman’s research on the trendy design style. You may remember from a few Weekend Readings back, that Nielsen Norman published this article, the gist of it: "use strong signifiers". Sean Dexter digs into the specifics of that article and finds it wanting:

The thing is, there was no noted difference between these two designs. The eye-tracking results showed roughly equivalent results. The scenario that most fairly represented flat design didn’t result in a significant difference between either option.

Nathanael Coyne 🐶

Adding features to your product is like adopting puppies. It's not build and forget; it's another mouth to feed and more shit to pick up.

I decided to challenge myself by redesigning Blockfolio The before & after look like they're a decade apart.

1-1vTZ2bX325Bkx33dSWb6Cg


Tools of the Trade

Rico's cheatsheets This is such a fantastic resource. 340 cheatsheets for a variety of tools, languages, libraries, and frameworks. Bookmarked!

Screen-Shot-2017-10-14-at-12.07.31-PM

daiyi! (chris) A reminder that the "user" in "user experience" refers to anyone and everyone:

As tool builders, we're gatekeepers. Every time we print an incomprehensible error msg, someone decides they're not good enough at coding.

Sam Sykes ✍️

I don't know what the most important rule of writing is, but the second is "you won't remember that idea you just had, write it down."

A more connected universe GitHub can now analyze and show you the project's dependency graph. And … "Soon, your dependency graph will be able to track when dependencies are associated with public security vulnerabilities"

31351778-652d02e4-acfa-11e7-97d8-4b5ee4d5f806

Streams: a new general purpose data structure in Redis. Redis takes on Kafka:

Mixing radix trees + listpacks, it is possible to easily build a log that is at the same time very space efficient, and indexed, that means, allowing for random access by IDs and time.
… both as replacement for Pub/Sub applications that need more reliability than fire-and-forget, and for completely new use cases.

Exploding Git Repositories "Unless you have quite a lot of memory (both RAM and storage) git was killed, ran out of memory, or you had to reboot. Why is this? It is a perfectly formed repo made of only 12 objects."

John Resig "Your regular reminder to run brew cleanup - you probably have a huge heap of old builds waiting to be cleaned up if you use homebrew!"

DLjcvNyWsAAJV1r.jpg-large

yan 💵

gitcoin: the author of the commit sha1 with the longest prefix of 0's in your repository is now the project maintainer


Web-end

CSS Grid Gotchas And Stumbling Blocks Rachel Andrew on Grid vs Flexbox, content sizing, masonry layout, nesting, polyfills, and more. And she just published a new book: The New CSS Layout

new-css-layout-w300

Essential Image Optimization TL;DR "We should all be automating our image compression," a new eBook by Addy Osmani:

The smaller in file-size you can make your images, the better a network experience you can offer your users - especially on mobile. In this write-up, we'll look at ways to reduce image size through modern compression techniques with minimal impact to quality.

Modern-Image26

The future of accessibility for custom elements An introduction to the Accessibility Object Model, and how web components would use it.

Tabbed Interfaces On tabs and accessiblity.

How to Draw Your Face in CSS "The process of translating from Illustrator to CSS was pretty time consuming, but it is highly satisfying to create an entire image out of CSS, especially if you add swanky animations to show off its div-yness."

1-SC1lNrM9bUOuhhnLBzeKOQ

FOIT vs. FOUT A demo of the functional differences between FOIT and FOUT.

Jan Schaumann "So all y’all know that UserAgent strings are total bullshit, right?" 🤣


Lingua Scripta

Mikeal Rogers "This is getting absurd."

A Guide to Faster Web App I/O and Data Operations with Streams This article covers the WHATWG Streams specification, coming to a browser near you … some day.


Lines of Code

The case against annotations Sometimes Java can't decide whether it's a language with strong types, or a language for escaping the trappings of strong types:

A string-based language inside a mini-language inside Java! … In effect, we get an interpreted, non-typesafe mini-language embedded in Java.

... What classpath scanning does, is it trades certainty, control and the ability to have a mental model of the entire application for rapid development and fast bootstrap.

Stuart Clark 😹

Schrödinger’s Code: Code has been written, but not tested, and is in state of neither working nor failing until it is observed.


Architectural

The whole web at maximum FPS: How WebRender gets rid of jank Lin Clark explains in plain English how modern browsers can render HTML pages at neckbreak speed. Hint: they offload much of the rendering to the GPU:

30-768x537

With WebRender, we want apps to run at a silky smooth 60 frames per second (FPS) or better no matter how big the display is or how much of the page is changing from frame to frame. …
So how does WebRender do that? It fundamentally changes the way the rendering engine works to make it more like a 3D game engine.

Alan Coopersmith "Wow. An archaeological dig in the old Sun hq found a copy of the ancient scrolls of X11."


Peopleware

Mental Accounting and Self-Control Richard Thaler won the 2017 Nobel Prize in Economics for his works at the intersection of psychology and economics:

One of the things that Thaler has become known for is the concept of the “nudge” … The most famous example of a nudge is forcing people to “opt out” of default options.

… The idea behind mental accounting is that people don’t treat all of their money (or time or effort or other resources) as if they have one big pool of it.

racy Lee | ladyleet 👍

Hai open source people. I love you. Why? Because you are a set of self selected motivated people and that's inspiring.


Locked Doors

iOS Privacy: steal.password - Easily get the user's Apple ID password, just by asking Proof of concept, but if you ever see a "Sign In to iTunes Store" popup, do this:

Hit the home button, and see if the app quits:

  • If it closes the app, and with it the dialog, then this was a phishing attack
  • If the dialog and the app are still visible, then it's a system dialog. The reason for that is that the system dialogs run on a different process, and not as part of any iOS app.

1507631701259

How Israel Caught Russian Hackers Scouring the World for U.S. Secrets TL;DR Israel intelligence hacks into Kaspersky’s network, watches as Russian intelligence hacks into Kaspersky’s network and uses Kaspersky's own products to siphon data from the US intelligence community. Spies spying on spies spying on spies.

Should Antivirus software be part of your threat model? Related:

By installing AV software, you place a tremendous amount of trust in the vendor to do the right thing. In addition to malicious action by the AV vendor, we saw with the recent CCleaner backdoor that your vendor’s security matters substantially too.

Hackers covertly hide code on Politifact to hijack your PC, secretly mine cryptocurrencies Hackers no longer after your data, just your CPUs.


Techtopia

What Facebook Did to American Democracy Was it hard to see it coming, or merely inconvenient to admit it?

The information systems that people use to process news have been rerouted through Facebook, and in the process, mostly broken and hidden from view. It wasn’t just liberal bias that kept the media from putting everything together. Much of the hundreds of millions of dollars that was spent during the election cycle came in the form of “dark ads.”

Adrienne Porter Felt 🖼

I wandered into a cute new boutique in Palo Alto. After 5 min of looking at their art, discovered it's actually a startup office #awkward

Screen-Shot-2017-10-14-at-2.58.25-PM

Showerthoughts "Technically it was Moses that had the first tablet that could connect to the cloud"


None of the Above

Fluff Society "Squirrel tries to hide nut in dog"

Najaf Ali The kid knows:

Daddy, why does Kylo Ren kill his daddy?
It's complicated..
Is it because the Han Solo actor is tired and wants to take a break?
Probably

Marcin Wichary "Part of the fun of being an (amateur) historian is discovering connections like these."

DKbhU2XV4AASRA0

Ditch Facebook Messenger. Use Messenger lite instead Familiar story:

  • High-tech company bloats its core product with useless features
  • Also, releases a light version for non-Western regions, where bandwidth is more expensive
  • Sometime later, light version arrives at/gets discovered by Western country
  • Immediately heralded as the new must have, for it's hip, minimalistic UI

Ryan "Perfectly flat floor, designed to stop people from running in the hallway"

James Herring "Lawyers. This how you write a cease and desist letter to fans. Good work Netflix."

DKT_i20W4AE_MaR

Why can’t we cure the common cold? TL;DR Interesting read. So it's not a conspiracy of the Cough Syrup Industrial Complex, but the challenge of developing one vaccine that can deal with 160+ common cold viruses.

David Mack "omg this is everything"

Published on

Kyle Griffin "There is someone dressed like the Monopoly Man at the Senate Equifax hearing."


Design Objective

Papyrus "He just got away with it. This...man...this...professional graphic designer..."

DHH The performance differences are quite stark, and often you can tell a web app was designed by/for iPhone:

JetStream too artificial for you? Checkout Speedometer 2 scores. Android is so far behind it's not even funny 😮


Tools of the Trade

Zach Holman 💡

I feel like all coding bootcamps should have at least one lesson on “spend 2hrs on a problem, go to sleep, and fix it in 2 minutes tomorrow”

Hammock Driven Development Related, Rich Hickey's fantastic talk covers software design, focus, and thinking AFK: "On the hammock, no one knows you're not sleeping."

Building a sentiment aware Polymer input control Using Polymer and CoreNLP to build a UI control that tells the user what kind of sentiment they are conveying.

Protect your npm account with two-factor authentication and read-only tokens Only took a couple of minutes to setup.

Keybase launches encrypted git "Every now and then you want to make a repository that's private. Not for an open source project, but for other stuff: research, writing a novel, family history, or a community's private files. Or your team's API keys, devops secrets, and business docs. What do you do?"

foone "Remember the good ol' days when a drive would come with the list of bad sectors written on it from the factory?"


Web-end

Addy Osmani: The Browser Hackers Guide To Instantly Loading Everything Addy Osmani's talk from JSConf EU 2017 got you covered:

Will we use preload, prefetch and preconnect? What about HTTP/2 Server Push? or Service Worker? and how the heck do we ship JavaScript bundles that don’t break the bank on mobile?

JavaScript Service Worker Design Patterns for Better User Experience Building for snappier UI responses, fire & forget editing, and new content pushed to the user.

Microsoft Edge for iOS and Android: What developers need to know With Edge usage now at 4%, maybe enough people will decide to run Edge on their non-Windows phone. Edge will use two rendering engines: Webkit on iOS, and Blink on Android. So I guess us web developers have no reason to care. Moving on.

Daryl Ginn 😭

A step by step guide on how to use z-index:

  1. Try a value like 25.
  2. Notice it doesn't work.
  3. Increase to 3000 because life is short.

The Practical Dev ☑️

Making an checkbox not look like crap only takes about 6,000 lines of CSS, some JavaScript, and a piece of your soul you'll never get back.

Allen Wirfs-Brock Uphill, both ways:

Got Netscape 2 (JavaScript 1.0) and IE3 (JScript 1.0) running in a Win95 VM. Now for some serious JavaScript archeology. Want to find out if JScript really was as confused about prototype inheritance as implied by its spec. cc/@BrendanEich


Lingua Scripta

Asynchronous stack traces: why await beats .then() Not yet in V8, or all browsers, and doesn't apply when using Babel (which transpiles async/await to regular promises), but the point still stands:

Like most ECMAScript features that are seemingly “just syntax sugar”, async/await is more than that.

Rich Trott Fantastic news: "Keynote by @fhinkel tells everyone that V8 policy now is that no V8 commit can land if it breaks Node.js. 🎉"


Lines of Code

ashley williams Perspective one (a thread):

today i finally recognized that unit tests are a critical part of my programming flow

Chris Dickinson Perspective two (a thread):

I continue to struggle with how I value integration tests, in particular how much more I value them than unit tests in certain scenarios.

Source Code in TV and Films The year is 2256, people still code in C:

Star Trek Discovery S01E03 has Michael Burnham looking through code on a secret project that she believes is related to “biochemistry, possibly a genome expression.”

The code is actually decompiled Stuxnet.


Devoops

Amie DD @UnityUnite "New escape room, 50 degrees. One server down, nothing is labeled you have 2 hours...GO!"


Locked Doors

New macOS High Sierra vulnerability exposes the password of an encrypted APFS container If you use Disk Utility to create an encrypted volume, and set the password hint, APFS will store the password as the hint, and show it to you when you're trying to decrypt the volume. Looks like a copy/paste error (h/t Daniel Martín).


Peopleware

April Wensel Once an idea become entrenched, it's hard to root out:

Over 50 years later, & we're still dealing with the consequences of favoring programmers who "don't like people." http://dl.acm.org/citation.cfm?id=1142628


Techtopia

Your Data is Being Manipulated danah boyd's keynote from Strata Data Conference, carries this important message with it:

The tech industry is no longer the passion play of a bunch of geeks trying to do cool shit in the world. It’s now the foundation of our democracy, economy, and information landscape.

Erika Hall 🌎 Remember when social networks where harmless fun?

If there is a future, we're going to look back at the social networks of today like we do the children's chewable heroin tabs of 1901.


None of the Above

Olivia Bursee "It was a lot cuter when he sat like this before he was shaved"

Natalie Sun 💻

yes i'm still here netflix stop asking me and making me feel bad about my life

Nature is Amazing 🌴 "Kitty accidentally pressed the turbo button 😂"

IRS awards multimillion-dollar fraud-prevention contract to Equifax We live in The Upside Down:

The notice describes the contract as a "sole source order," meaning Equifax is the only company deemed capable of providing the service.

The FBI’s Hunt for Two Missing Piglets Reveals the Federal Cover-Up of Barbaric Factory Farms This article about big agriculture paying elected officials to silence animal advocates, is also an article about the cruel mistreatment of pigs. CW: disturbing read with graphic images.

Fluff Society "Small Corgis.... <- They're corgeous!"

Published on

Fluff Society "The life every puppy should have" (video)


Design Objective

Chris Palmieri "This is how you design with graceful degradation: Muji's flashlight works whether you have one or four batteries, double or triple A."

Hacking Tables in Sketch App From which I picked a few more tips on how to use symbols in Sketch.

How we got a 98% success rate for our bot for Zalando — A UX case study "The internet is filled with articles on bot personality but there is so much more to the design process than just that." Boring but useful is just fine.

A new kind of map: it’s about time Amazing, try it out!

In this time map, we preserve the direction of each point, relative to the user. But the visual distance from that center point is determined by the time it takes to get there, whether driving, biking, or on foot.


Tools of the Trade

Pieter Levels @ 🇳🇱 💯

Most important skill I learnt: just keep shipping day in day out. The emotional ups and downs average out. Just showing up every day adds up

How does Ethereum work, anyway? Introduction to Ethereum, explaining the core components: state, accounts, transactions, blocks, gas, mining.

The Coming Software Apocalypse Mostly talks about conceptual IDEs like Light Table, or cool ideas like Temporal Logic of Actions. I read it as a "let's give non-developers some hope that the software industry knows what the hell it's doing." So, okay.

an okay dril tweet "this is the perfect drink for when something's wrong with your PATH"


Web-end

Writing CSS with Accessibility in Mind Accessibility with simple CSS tricks, like:

p {
  /* Maximum width of 65characters */
  max-width: 65ch;
}

Start Your Engines – Firefox Quantum Lands in Beta, Developer Edition "Firefox’s new CSS [Rust] engine runs quickly, in parallel across multiple CPU cores"


Lingua Scripta

Introducing Cloudflare Workers: Run JavaScript Service Workers at the Edge AWS offers something similar with CloudFront + Lambda, but CloudFlare went with the Service Workers API, a much better developer experience.

Wes Bos 🔥 "Node 8.6.0 brings support for Object Spread! Goodbye Object.assign()"


Lines of Code

Stephanie Hurlburt 💡

"Look, it's only 2 lines of code!"

Maybe it shouldn't be 2 lines of code. Maybe it'd be MUCH easier to understand & debug if it was longer.

Ben Lesh 🛋️ 👑 🔥 Is true:

Just a reminder that you can have unit tests with 100% code coverage, everything type-checked, and your app could still be completely broken


Architectural

Sarah Mei The premise: Computer Science degrees are not essential (I agree) The conclusion: we need a model that explains software development (it's not CS, it's not math, not engineering)

My favorite is this nugget about the difference between theory and practice:

I thought it was the job. So I started interviewing other places. More whiteboarding pointer operations! I was back in my element.

Oddly enough the jobs were mostly for java (then the new hotness - think node today) and java didn't have pointers 🤔

You'll Never Guess What Happened Next

Like most bleeding edge stacks, writing Java was 5% coding & 95% "getting shit to work."

Chad Fowler Now, if only we could find a simple solution:

The older I get, the more I realize the biggest problem to solve in tech is to get people to stop making things harder than they have to be.


Devoops

0operator 🔥

me: this change is pretty small, should be fine to deploy to production

narrator: but the change was not fine to deploy to production


Locked Doors

Post a boarding pass on Facebook, get your account stolen Barcodes: just because you can't read them, doesn't mean other people can't.

Jason Fagone Tweet thread to get you hooked on The Woman Who Smashed Codes:

I want to tell you a story. For 3 years I’ve been researching Elizebeth Smith Friedman, a puzzle-solving heroine of the world wars. /1

I asked Tinder for my data. It sent me 800 pages of my deepest, darkest secrets It's not the data Tinder collects about you, but rather the data Tinder gets from/shares with 3rd party services:

The trouble is these 800 pages of my most intimate data are actually just the tip of the iceberg. “Your personal data affects who you see first on Tinder, yes,” says Dehaye. “But also what job offers you have access to on LinkedIn, how much you will pay for insuring your car, which ad you will see in the tube and if you can subscribe to a loan.

Even This Data Guru Is Creeped Out By What Anonymous Location Data Reveals About Us TL;DR information is only anonymous up to a few data points:

“There is a very clear handoff between the work line, which is the purple line, and home, which is the yellow-orange. Work was a little harder, because there was a number of different offices there, but because there is height [data] it makes it pretty easy to figure out that he is likely in this law firm, JB&P.”


Peopleware

Fake Bus Stops For Alzheimer’s Patients in Germany Genius (h/t Julia Galef):

How the system works is that the bus stop diffuses the sense of panic. For instance, if a delusional patient decided that she needed to go home immediately because her children were all alone and waiting for her, the attendant didn’t need to restrain her or talk her out of it, she simply said, “Oh, well, there’s the bus stop.” Thus, the patient would go sit and wait. Knowing that she was on her way home, she would relax and, given her diminished cognition, she would eventually forget why she was there. Staff can then approach the patients and tell them that the bus is delayed and invite them in for refreshments while they wait. Five minutes later they have completely forgotten they wanted to leave.


None of the Above

Turning Text into a Tweetstorm 😭

John May 🤔

A math meme that is funny rather than stupid:
Solve carefully!
230 - 220 x 0.5 =

You probably won't believe it, but the answer is 5!

Alanis King 🚗

I joked about Alfa reliability today. I was absolutely put in my place by an Alfa owner whose car has gone a FULL 1,800 miles with no issue.

This Tiny Country Feeds the World The Netherlands is 1/270th the size of the US, yet also the globe's number two food exporter. And it started with "a national commitment to sustainable agriculture under the rallying cry 'Twice as much food using half as many resources.'"

Emily G, Cville. 📺

RT if you remember the joy of degaussing monitors.

BWOOOONGGGGGGGGGG

Why Aren’t Mothers Worth Anything to Venture Capitalists? "The struggles of a breast-pump startup underscore V.C.’s blind spot when it comes to women and babies." But Juicero raised $120M …

Ashley McNamara 👖

Delivery Driver: I'm here.
Me: okay?
Driver: can you come outside?
Me: if I wanted to put on pants I would have gone out to eat.

Orctober Sky Every. Single. Time.

USPS tracking
step 1. We’re not sure it exists yet
step 2. it’s arrived

erin chack "di—did the cat write this"

Published on

Muselk "Whoever designed this floor is evil. THATS A FLAT CARPET."


Design Objective

Optical Effects in User Interfaces (for True Nerds) How to make optically balanced icons, correct shapes alignment, and perfect corner rounding.


Tools of the Trade

Tobie Langel "Finally captured a picture of the @github octocat in its natural habitat."

Relicensing React, Jest, Flow, and Immutable.js The developer community has spoken, and Facebook is backing down and relicensing some of its open source technologies. No mention of GraphQL. I've seen many reactions from people who didn't understand how that patent clause works, so encourage you read 3 Points to Consider.

mozilla/valence First extensions, now Mozilla wants developers to embrace Firefox as drop-in replacement for Chrome:

Mozilla no longer maintains this project. Cross-browser remote debugging is still a priority. To enable browser/device agnostic inspection and debugging, we intend to make our tools be directly compatible with the Chrome DevTools Protocol.

Probot Github apps you can install with a single click.

Patrick McKenzie 🤔

Every time Git/Github/continuous integration/etc causes me to need to push a vacuous commit to trigger something I do a doc update instead.

This is rapidly producing the best, most consistent documentation progress of my career.

Dmitri Sotnikov "deploying Docker Compose to production"


Web-end

Dan Abramov Summary of reasons not to use React. React is a great, but also not a fit for every project, the thing is the hype is so strong right now, lists like this need to be made and shared:

It is JavaScript-centric. If you don’t want to learn JavaScript, it is harder to work with than template-centric libraries.

It has a larger runtime than some libs so if you’re building something sensitive to that (e.g. embed widgets), may want to look elsewhere.

David Smith "Probably my favorite thing is the look of horror people get when I point out this section of the SVG 1.2 spec (yes, the image format)"


Lines of Code

Sarah Mei "What if we design the test code, and let the code code fall out from there?"

I want some way to explicitly apply software design to tests, so we can let changes there drive parallel changes in code to make them green.

It's sort of like Conway's Law for testing. Your code recapitulates the structure of your tests.

Therefore, to make changes, you want to manipulate the source - the tests - and let that recapitulation happen to make them pass again.

Never Give Up, Retry: How Software Should Deal with Failures An introduction to retry logic.

The art of destroying software Going to watch this again today.

Vranac Srdjan 🐉

YOU ARE IN A LEGACY CODEBASE
> RUN TESTS
YOU HAVE NO TESTS
> READ SPEC
YOU HAVE NO SPEC
> WRITE FIX
YOU ARE EATEN BY AN ELDER CODE HACK.


Architectural

Multiple Perspectives On Technical Problems and Solutions Why and how Etsy runs an architecture review process:

In other words, engineering (as an activity) does not have “correct” solutions to problems. As an aside, if you’re looking for correct solutions to problems, I’d suggest that you go work in a different field (like mathematics); engineering will likely frustrate you.

Breaking Up the Behemoth Does your codebase has that one piece of logic that no developer dare touch? What are you doing to fix that?

A 5,000 line class exerts a gravitational pull that makes makes it hard to imagine creating a set of 10 line helper classes to meet a new requirement. Make new classes anyway. The way to get the outliers back on the green line where they belong is to resist putting more code in objects that are already too large. Make small objects, and over time, the big ones will disappear.

Radoslav Stankov 👍

When a feature is very hard to implement, do something else make the feature easier, then do it. This tactic have saved me countless hours


Locked Doors

Security Researchers Lose Faith in HTTP Public Key Pinning In retrospect, a bad idea and browser vendors should remove this feature:

It turns out that certificate pinning can cause more harm than good because it’s hard to configure and getting it wrong can leave websites inaccessible. On top of that, hackers can also potentially abuse it for ransomware-like attacks.


None of the Above

Apple blocking ads that follow users around web is 'sabotage', says industry Of course advertisers feel that way. Also, fantastic new feature, may Chrome follow soon.

Screen-Shot-2017-09-23-at-9.47.42-AM

Octlantis: the underwater city built by octopuses "In Australia, the species has been seen to congregate, communicate and even evict one another at a site marine biologists call Octlantis."

Scientists Can Now Repaint Butterfly Wings Wow CRISPR:

By deleting the optix gene in a wide variety of butterflies, team member Linlin Zhang showed that red parts of the wing consistently turn black. The Gulf fritillary transforms from a vivid orange insect into a dark inky one. The small postman loses the vivid red streaks on its hind wings.

Magic Sudoku This app takes the fun out of solving Sudoku, but wow AR. Watch the video:

Anatomy of a Moral Panic Why is Channel 4 frightening us about high-school science projects?

The real story in this mess is not the threat that algorithms pose to Amazon shoppers, but the threat that algorithms pose to journalism. By forcing reporters to optimize every story for clicks, not giving them time to check or contextualize their reporting, and requiring them to race to publish follow-on articles on every topic, the clickbait economics of online media encourage carelessness and drama. This is particularly true for technical topics outside the reporter’s area of expertise.

ICOs are where the frauds will take place TL;DR "Anyone can promise anything and no one is overseeing it."

Alex Chaffee, 늙다리 미치 "Twitter is fun sometimes."

Published on

Emergency Kittens "chubby but mathematically perfect"


Design Objective

Mastering the Power of Nothing How to use whitespace in user interface design.

How to Design a Form Wizard "Wizards are best employed for long and unfamiliar tasks that the user needs to complete once or rarely."

Design for iPhone X New screen size and notch, explained.

The Uncomfortable A collection of deliberately inconvenient everyday objects (thanks, drewish).

Dylan Beattie 🇪🇺 😂

"Yeah - there's already a user legend for that."
"A what?"
"A user legend. It's like a user story, but for stuff we know will never happen."


Tools of the Trade

Sublime Text 3.0 Hundreds of new improvements under the hood, including goto definition, new syntax highlighting engine, new UI, and expanded API.

Comlink Tiny RPC library that works on windows, iframes, WebWorkers and ServiceWorkers.

Understanding & Measuring HTTP Timings with Node.js TL;DR Node.js fires socket events for DNS lookup, TCP connection, and TLS handshake.

fastify A Node.js framework for building fast JSON APIs.

On React and WordPress WordPress is the latest to ditch React due to licensing issue.

iPhone X leaked benchmarks match MacBook speeds and destroy Android phones This pocket device will be faster than a MacBook Pro!

OSTIF Official Adding insult to injury:

Equifax uses open source software that it in no way contributes to, to protect $14B of data.

Equifax blames OSS for hack.

Don't be Equifax

The Coder's Coloring Book 🖍


Web-end

htmlreference.io HTML reference with code samples and live demos. Also check out cssreference.io.

The Ultimate Guide to CSS caniuse for HTML emails.

css-variables User Agent properties and variables #1693 Introduces safe-area-inset-top, safe-area-inset-right and friends, because we need new CSS properties to style around the iPhone X notch. Sigh.

Ben Schwarz 🇦🇺 The next big thing in server-side rendering:

A react plugin that pretenders your site to deliver a screenshot of the site with image map for links

SwiftOnSecurity Related:

When u realize it'd be faster for news websites to just send you a screenshot rather than download 8 megs of JavaScript and render the page


Lingua Scripta

Using ES modules natively in Node.js ES modules coming soon to a Node.js near you.

What's new in Node.js 8.5? ES modules, performance hooks, and file copy.

“Elements kinds” in V8 Avoid sparse arrays, reading beyond end of array, and polymorphism (= shape shifting is slow).


Architectural

Ruthless Prioritization This article is one gem after another. My favorite:

there is always a way to accomplish your goal faster than you currently plan to.

Akeem Adeniji Proud to be a member of this club:

first rule of software development club: don't promise shit. deliver, always deliver but don't promise anything!

Mikeal Rogers What happened to OpenStack also applies to Kubernetes:

Thread: Enterprise adoption w/o downmarket adoption signals a short lifecycle and quick death.

Yes, this is also true for kubernetes.

11 great quotes from The Tao of Programming Words to live by: "Though a program be but three lines long, someday it will have to be maintained."

Eustáquio Rangel Bespoke architectures:

Seems today instead of "make your blog in 15 minutes" the hype is "make your blog in 15 containers". What happened to the simple things?


Devoops

Sysadmin war story: “The network ate my font!” Caching meets "why is this setting not enabled by default?"


Peopleware

Russell Keith-Magee Phrasing:

OH: It's not "hard" skills vs "soft" skills - its "technical" vs "professional" skills.


Locked Doors

Face ID, Touch ID, No ID, PINs and Pragmatic Security Is the best writeup I've seen on Face ID and it's threat model:

Face ID: for 99.x% of people, their "threat actors" are people who steal their phone at a bar. For everyone else, don't use biometrics.

How a fish tank helped hack a casino What? "The hackers attempted to acquire data from a North American casino by using an Internet-connected fish tank."

Ayuda! (Help!) Equifax Has My Data! Remarkable attention to security:

The “list of users” page also featured a clickable button that anyone authenticated with the “admin/admin” username and password could use to add, modify or delete user accounts on the system.

Joseph Menn So true:

"You are already getting a free pen test, you just aren't getting the report," --@k8em0, #InternetSummit


Techtopia

facebook, you needy sonofabitch "They’ve gotten so brazen in their tactics to keep users engaged (ENGAGED!) I think it’s no longer possible to be a casual Facebook user."

Raj Sivaraman "DO NOT HELP GOOGLE FIND SARAH CONNER."


None of the Above

Kengarex "This Mural Was Painted Upside-Down To Reflect Off Of The Water"

Chimamanda Adichie 🙏

May Your CV reach the Right Hands.

That Delta Plane Flying Straight Through Hurricane Irma was NBD Amazing: "In fact, the real daredevil work happened before takeoff—and even before the plane landed in San Juan."

Ryan Teague Beckwith Government, 2017 edition:

Under the Constitution, the House tweets. If the Senate retweets, it goes to the President, who favs it into law.

Chris Chaten How the events of 9/11 led to the development of mobile check deposits.

Equifax’s Maddening Unaccountability This must change:

There are technical factors that explain why cybersecurity is so weak, but the underlying reason is political, and it’s pretty simple: Big corporations have poured large amounts of money into our political system, helping to create a regulatory environment in which consumers shoulder more and more of the risk, and companies less and less.

Channel 4 Confirmed:

BREAKING: The world's problems will not be solved by arguing with strangers on Twitter. We'll update you when we have more on this story.

Facebook Enabled Advertisers to Reach ‘Jew Haters’ It's a tiny category, but the fact that such categories even exist …

Autumn Williamson Always be creating: