Business / Working Life
Data is not an asset, it’s a liability: https://www.richie.fi/blog/data-is-a-liability.html
Strategic procrastination: https://the-pastry-box-project.net/erin-mckean/2015-September-11
Putting on the shipping goggles: https://signalvnoise.com/posts/3931-putting-on-the-shipping-goggles (if you’re not a regular reader of Signal vs Noise then you should be)
Reduce the distance between the people who make decisions about the product and the people who build the product: http://alistapart.com/column/the-distance-to-here
Everything is broken: https://medium.com/message/everything-is-broken-81e5f33a24e1
Fluid coupling: When exactly did enterprises become late adopters of technology? http://www.asymco.com/2015/08/31/fluid-coupling/
Preparing organisations to become design-infused: https://medium.com/uie-brain-sparks/preparing-organizations-to-become-design-infused-8a0d93b50d36
New, responsive design reduces bounce rate at asda.com by 37%: http://www.retailtimes.co.uk/new-responsive-design-reduces-bounce-rate-at-asda-com-by-37/
Design
Little Big Details: taking inspiration from the little details that make designs great: http://littlebigdetails.com/
Predictive personas: http://blog.invisionapp.com/predictive-personas/ quote: ‘…the question they should be asking themselves isn’t, “If I interviewed a user, would this describe her?” The question should be, “If I found a person like this, would she become a user?”’
Forget about the mobile Internet: http://ben-evans.com/benedictevans/2015/9/1/forget-about-mobile-internet
The gov.uk style guide: http://govuk-elements.herokuapp.com/ (other examples available on http://styleguides.io/)
Style guide from Salesforce: https://www.lightningdesignsystem.com/
Improving the checkout experience with animations: https://medium.com/bridge-collection/improve-the-payment-experience-with-animations-3d1b0a9b810e (but read the article below…)
Design safer animation for motion sensitivity: http://alistapart.com/article/designing-safer-web-animation-for-motion-sensitivity
Design patterns: http://ui-patterns.com/patterns
Front-end principles for designers: http://jonyablonski.com/2015/front-end-principles-for-designers/
The language of modular design: http://alistapart.com/article/language-of-modular-design
How modern web design works: http://thetomorrowlab.com/2014/04/modern-web-design-works/
Progressive enhancement / Performance
Bruce Lawson’s talk “Ensuring a performant web for the next billion people”: https://dev.opera.com/articles/making-sites-work-opera-mini/ (Opera Mini is a popular browser for those with low-powered and low-bandwidth devices)
Aaron Gustafson with a timely reminder that we don’t really control our web pages: https://www.aaron-gustafson.com/notebook/more-proof-we-dont-control-our-web-pages/
Jeremy Keith’s presentation on progressive enhancement from May: https://adactio.com/articles/9465 (video and full transcript)
Preloading, prefetching, prebrowsing: https://css-tricks.com/prefetching-preloading-prebrowsing/
Embracing the network: modern techniques for building resilient front ends: https://speakerdeck.com/patrickhamann/embracing-the-network-coldfront-september-2015(slide deck, no video published yet)
A beginners guide to website speed optimisation: https://kinsta.com/learn/page-speed/
User experience / Usability / Accessibility
The psychological speed of mobile interfaces: https://medium.com/ui-collection/the-psychological-speed-of-mobile-interfaces-df25276295dd (this is much the same as “perceived performance” which I bang on about)
The device context continuum – where does the common device context continuum start and end? http://blog.cloudfour.com/on-the-device-context-continuum/ (hint: it doesn’t)
Hello, my name is <Error>: http://alistapart.com/article/hello-my-name-is-error
Living with bull: http://tinyurl.com/bullshoot
How to write an error message: https://medium.com/@thomasfuchs/how-to-write-an-error-message-883718173322
Visual ARIA bookmarklet: http://whatsock.com/training/matrices/visual-aria.htm
Development
Fantastic introductory article about JavaScript promises: http://www.html5rocks.com/en/tutorials/es6/promises/
Learning JavaScript in 2015 (from scratch): https://medium.com/@_cmdv_/i-want-to-learn-javascript-in-2015-e96cd85ad225
Learn JavaScript essentials: https://medium.com/javascript-scene/learn-javascript-b631a4af11f2
Really interesting look at why SoundCloud started using microservices, by their director of engineering: http://philcalcado.com/2015/09/08/how_we_ended_up_with_microservices.html
5 questions every unit test must answer: https://medium.com/javascript-scene/what-every-unit-test-needs-f6cd34d9836d
Package built on PhantomJS to generate screenshots at different sizes: https://github.com/sindresorhus/pageres-cli
6 tips for Chrome devtools: https://css-tricks.com/six-tips-for-chrome-devtools/
Client-side MVC is not a silver bullet: https://medium.com/@thomasfuchs/client-side-mvc-is-not-a-silver-bullet-b74ebc6d2c9a
Freebies
Free e-book from Smashing Magazine: https://shop.smashingmagazine.com/products/best-of-nine-smashing-years
Fill Murray: placeholder images of Bill Murray: http://www.fillmurray.com/
And finally…
Old maps: http://www.oldmapsonline.org/
Interactive cubic Bezier curve editor (more fun than it sounds): http://cubic-bezier.com/
Big list of naughty strings: https://github.com/minimaxir/big-list-of-naughty-strings