Friday, June 29, 2018

The Versioning Design Systems Course Starts Monday

Hacker Newsletter #409

hackernewsletter

Issue #409 // June 29, 2018 // View in your browser

Quick programming note - there won't be an issue next week. Hope everyone here in the U.S. of A. has a great Fourth (and for everyone else... a wonderful fourth as well)! kale

#Favorites


Microsoft Azure - Bring your startup's ideas to life with a free account
//microsoft sponsored

The Machine Fired Me
//idiallo comments

Apple Engineers Its Own Downfall with the Macbook Pro Keyboard
//ifixit comments

Why nobody ever wins the car at the mall
//thehustle comments

Facebook's patents show a commitment to collecting personal information
//nytimes comments

The NSA's Hidden Spy Hubs in Eight U.S. Cities
//theintercept comments

Firefox Developer Tools: Accessibility inspector
//mozilla comments

The Legend of Nintendo
//bloomberg comments

Bootstrapping an Online Fabric Shop and Growing to $20k per month
//starterstory comments

Flights to Rome
//moovellab comments

A closer look at Google Duplex
//techcrunch comments

Break down of a C64 demo effect
//github comments

What would happen if you had a golf ball that doubled in density once an hour?
//quora comments

Looking for other newsletters to subscribe to? Smashing Magazine put out a great list.

#Ask HN


What are the things that you have automated in your personal life?

Have you shipped anything serious with a "serverless" architecture?

#Show HN


Material Dashboard – Free Admin for Bootstrap 4, React, Angular, Vue.js //github comments

Mobile Airbag Deploy When Device Is Dropped //imgur comments

Shotsnapp – Create beautiful device mockup presentation //shotsnapp comments

Muzoti – Algorithmic Music with Web Audio/Midi and VueJS //muzoti comments

#Code


B2blaze – A Backblaze B2 library for Python //github comments

Python 3.7 released //python comments

What I Learned Making My Own JIT Language //mikedrivendevelopment comments

PostgreSQL Features You May Not Have Tried but Should //pgdash comments

Anti-If: The missing patterns //joejag comments

Rust 2018: an early preview //rust-lang comments

Plume – WIP Federated Blog Engine with ActivityPub //github comments

#Data


OpenAI Five //openai comments

Backpropagation algorithm visual explanation //google-developers comments

Berkeley Deep Drive Dataset //berkeley comments

AI Can Smell Illnesses in Human Breath //nvidia comments

I trained a neural network to write Kanji //otoro comments

#Design


Mimicking the Bloomberg menu widget without JavaScript //github comments

The Spacetime of Fine Art //nautil comments

#Learn


One Island Grows 80% of the World's Vanilla //atlasobscura comments

Negative Base //wikipedia comments

The Board Game at the Heart of Viking Culture //atlasobscura comments

Trachtenberg System for Rapid Mental Calculation //wikipedia comments

#Books


The Vue.js Handbook – Free 120 pages ebook //vuehandbook comments

Test-Driven Web Development with Python – The Book //obeythetestinggoat comments

Ask HN: What are some great books that are relatively unknown in the US? //ycombinator

#Watching


How SQL Database Engines Work, by the Creator of SQLite //youtube comments

DevTube: Searchable index of developer videos //dev comments

A sad update about a scissors maker that went viral //kottke comments

Two Vortex Rings Colliding in Slow Motion //youtube comments

Plastic Injection Molding //youtube comments

Shouting in the Datacenter //youtube comments

Seximal: A better way to count //youtube comments

#Working


Don't Provide Your References to a Recruiter Until After Your Last Interview //github comments

How my role as CTO has changed as we've grown from 1 to 100 engineers //gusto comments

Amazon Workers Facing Firing Can Appeal to a Jury of Their Co-Workers //bloomberg comments

Southern Europe Has Not Seen Net Job Creation in over a Decade //thesoundingline comments

Grand Rapids has become a midwestern economic star generating industrial jobs //city-journal comments

#Longreads


Teens Who Hacked Microsoft's Xbox Empire and Went Too Far //wired comments

Doing Windows, Part 1: MS-DOS and Its Discontents //filfre comments

The Death of a Once Great City: The Fall of NYC and the Crisis of Urban Wealth //harpers comments

Old in Art School //longreads comments

#Startup News


Introducing A16Z Crypto //a16zcrypto comments

Instagram Is Estimated to Be Worth More Than $100B //bloomberg comments

Burger Robot Startup Opens First Restaurant //techcrunch comments

#Fun


Tetris for Applesoft BASIC //paleotronic comments

Rabbit Ear: a creative coding JavaScript library for designing origami //rabbitear comments

How I had a bygone 72-pin connector remade just to play Duck Hunt //keacher comments

RWD Weekly #315

View this email in your browser
Hello again and welcome to this week's responsive design weekly newsletter.

This week I had a request to come up with some changes for a clients site who are launching  a new campaign but.... and there is always a but.... we weren't allowed to make any CMS/template/structural changes to the site at all, they all needed to be CSS/copy/imagery updates.

I love these kinds of challenges and constraints because it makes you focus on the things that you can change rather than everything you could possibly do to a site. It's amazing how much of a difference you can make to the look and feel and user journey by simply improving the imagery and updating a few styles.

 

Headlines


Figma 3.0 (!) – Figma Design

Figma is turning 3.0 and is dropping some new features and functionality around adding styles and prototyping to its growing list of features. There's a bold statement in the article - "Throw away your InVision license"... do you think it can replace Invision with an all in one design tool?

Sponsor

CMYK Colour Edition

Get yourself one of the first Colour Edition notebooks today. Each set contains the four main CMYK colour covers along with colour theory on the inside covers.

Articles

Your Emails (and Recipients) Deserve Better Context

I'm pretty sure that we get most of these tips right in our weekly newsletter... after all you are who makes this newsletter so I'm hoping you're getting the best experience. On a slight tangent, any time that you send an email to someone internally at your place of business they should be able to understand what is in your email by reading the subject line along! If you do this, I promise that people will love getting emails from you over the years.
 

Pixels vs. Ems: Users DO Change Font Size

In this study, it appears that at least 3% of users are browsing sites using a browser text size other than 16px (the default). This means that you should ensure that the sites you're building not only respond to viewport size, but also the size the user decides to set of the text itself.
 

T-25 days until Chrome starts flagging HTTP sites as "Not Secure"

This week Troy Hunt is covering how "easy" it is to move to https (nothing is ever as easy as you think, especially when tech is involved). He is right though, it's only another 25 (probably less now) days before Chrome starts marking non https sites as not secure.  You should make sure you are ready to go, and that you've got http->https redirects firing.
 

What Newsletters Should Designers And Developers Be Subscribing To?

I'm really happy to see RWD Weekly make this list, but I'm even happier to see a bunch of great newsletter content that I'm not already subscribed to. If you're looking to stay on top of your industry there are a lot of must subscribes in this list.
 

What is the CSS 'ch' Unit?

If you were hoping it was a magical unit that we could used to set our content widths at to ensure that we had the perfect line length.... well I'm sorry it's not. Eric does a great job of explaining what they are
 

New tools for art direction on the web

After soaking up some An Event Apart talks Jeremy was keen to try some new front end techniques on 'The Gęsiówka Story'. Using variable fonts and CSS Grid I think he did a really great job showcasing an important story. One thing that I found really interesting was the little touch done for the footnotes, when becoming active they set the min-height to 100vh giving the footnote the focus that it needed.
 

How and Why We Unit Test Our Sass



 

Tutorials


Improve your visitors' perceived loading speed with primitive art

By including SVG sketch versions of your images you can improve the perceived performance of your page. This can be particularly important for mobile and slow connections and will give the user that little bit of a rough preview as to what they'll see next.
 

Offline-Friendly Forms

One of the most requested features that I get for offline web apps are forms that work regardless of the connection. This is a great overview along with an example Codepen.
 

Building a responsive image

How to create a logo that responds to its own aspect ratio.
 

HTTPS Is Easy!

With Google updating the way in which they show non-https sites in 25 days I thought it was a good idea to provide you with some details on how to move towards https (if you're not there already).

 

Tools & Resources


face-api.js

JavaScript API for face detection and face recognition in the browser with tensorflow.js
 

VS Code Can Do That?

All the best things about Visual Studio Code that nobody ever bothered to tell you

Thanks to those that suggested some of the links for this week, if you have come across something that you found interesting, or have written yourself, hit reply and let me know.

Cheers,

Justin.
Copyright © 2018 Simple Things, All rights reserved.
You are receiving this email because you rock! You wanted to know more about Responsive Web Design so you signed up to this list to receive a weekly update with links to articles, tools and tricks of the trade.

Our mailing address is:
Simple Things
Studio 1, Make Space Studios
London, London SE17DR
United Kingdom

Add us to your address book


Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

Email Marketing Powered by MailChimp