What’s happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann is keeping track of everything in the web development reading list1 so you don’t have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.
Hey there! I gathered some useful articles for you again this week. Let me inspire you to do something new, improve yourself or just think outside the box.
Further Reading on SmashingMag:
- The Lean UX Manifesto: Principle-Driven Design2
- Effectively Planning UX Design Projects3
- Incorporating More Quiet Into The UX Design Process4
- A Collaborative Lean UX Research Tool5
- Github now finally supports options for protected and required status checks in branches now76. That means you can now restrict the
masterbranch so people can’t force push (edit history) or only allow merges when the status checks (like CI, unit/integration tests ran successfully) pass.
- Following the announcement of a shared video codec alliance8, Microsoft Edge will get WebM/VP9 support soon.
- This week Opera Mini on Android got a big update with a new data saving mode. You can now choose between speed and experience. The new speed mode can save up to 90% of data but will remove much of the page layout and heavily compresses images while the experience mode still saves about 30-40% of data but will display most of the layout features and videos. Want to know more about how that affects you as developer? Here you go9.
- io.js and node.js are united again. node.js 4.011 now gives you the best of both worlds and from now on it will be less confusion again. It has an updated V8 (4.5) engine and things like a long term support plan.
Concepts & Design Link
- Daily UI Elements for 100 days straight14 gives you inspiration on how differently you could design elements on websites. A great inspiration resource with fresh ideas.
- Overpass1513 is a new sans-serif free, open source web font.
- gulp-shell16 lets you execute shell commands right from within your gulpfile. This can become very handy when you don’t want to or can’t use a gulp plugin for certain actions.
- By using Release It!17, you can save yourself the endless pain of manually updating version numbers, tagging, linting, writing a changelog and publishing to npm. The interactive wizard guides you through the release in five steps. If you’re using Grunt, there’s also grunt-release18 available.
- Following the announcements of Content Blockers in iOS9 and the just launched19 AdBlock iOS/Android browser20, the first association of the advertising industry is considering options to fight ad blockers21, including law suits.
Web Performance Link
- By using ServiceWorker and AppCache, UpUp22 will help you set up your website to be available offline.
- If you don’t want all your images be loaded directly on page load, this simple technique by Christian Heilmann might be for you: By wrapping images with a
HTML / SVG Link
- In this guide to building SVG maps24 you can learn how to code interactive maps from natural earth data.
- Most of us, even if we add accessibility improvements to our code, don’t know much about how screen readers are used. That’s why the results of the screen reader survey25 are very handy to look at.
- Dr Axel Rauschmayer continues to share detailed articles about specific ES6 functions. This time I want to recommend how to use Typed Arrays in ECMAScript 626.
- As Flash declines and is actively being blocked in browsers now, it’s good to see that cut, copy and paste are available natively27 now. The technology has some drawbacks due to security though.
- Following Dr. Rauschmayer, the ponyfoo blog has launched a big series on ES6. One article explains the ES6 arrow functions in depth28. Another one explains ES6 Iterators29 and the third is all about ES6 Generators30.
CSS / Sass Link
- Rachel Andrew has written a basic introduction to the fresh CSS Grid module31 that is supposed to revolutionize how we code layouts in CSS. It shows how easy it is to get started and then hints you slowly to more advanced examples. Patrick Brosset has also written a guide on CSS Grid Layouts which features interactive demos32 and highly advanced techniques for which you should know the basics already.
Work & Life Link
- Steve Jobs was known to be a great person when it comes to his ideas and innovation. But he also was a great thinker and knew how to properly respond to insults33 or how to take care of negative feedback.
- As an interviewer, it can be hard to not be influenced by certain factors. This guide gives a few tips how to be a less biased interviewer34. Another article shares how to hire more diverse people35.
- Aarron from Mailchimp says you should “Hire People, Not Skills36” and tells us why that is the better approach.
Go beyond… Link
- If it was for Geoffrey A. Fowler, we need the right to repair our gadgets37. The industry wants us to waste broken gadgets and buy new ones, even if it would only take minutes for anyone to repair it. But without companies sharing how we can repair things, it’s a tough task. We, including the gadget vendors need to start thinking about how to produce less waste.
And with that I’ll close for this week. In case you like what I write each week, please support me via PayPal38, gratipay39 or share this resource with other people. You can learn more about the costs of the project here40. It’s available via E-Mail, RSS and online.
Thanks and all the best,
- 1 https://wdrl.info/
- 2 https://www.smashingmagazine.com/2014/01/lean-ux-manifesto-principle-driven-design/
- 3 https://www.smashingmagazine.com/2013/01/effectively-planning-ux-design-projects/
- 4 https://www.smashingmagazine.com/2013/10/incorporating-quiet-into-ux-design-process/
- 5 https://www.smashingmagazine.com/2013/04/rainbow-spreadsheet-collaborative-ux-research-tool/
- 6 https://github.com/blog/2051-protected-branches-and-required-status-checks
- 7 https://github.com/blog/2051-protected-branches-and-required-status-checks
- 8 http://aomedia.org/
- 9 https://dev.opera.com/blog/opera-mini-11-modes/
- 10 http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results
- 11 https://nodejs.org/en/blog/release/v4.0.0/
- 12 http://overpassfont.org/
- 13 http://overpassfont.org/
- 14 http://www.100daysui.com/
- 15 http://overpassfont.org/
- 16 https://www.npmjs.com/package/gulp-shell
- 17 https://medium.com/@webprolific/using-release-it-60b96515c073
- 18 https://github.com/geddski/grunt-release
- 19 https://adblockplus.org/blog/first-official-ad-blocker-for-ios-launches-today-ditto-for-android
- 20 https://adblockbrowser.org/
- 21 http://adage.com/article/digital/iab-surveys-options-fight-ad-blockers-including-lawsuits/300228/
- 22 https://www.talater.com/upup/
- 23 http://christianheilmann.com/2015/09/08/quick-trick-using-template-to-delay-loading-of-images/
- 24 https://www.smashingmagazine.com/2015/09/making-svg-maps-from-natural-earth-data/
- 25 http://webaim.org/projects/screenreadersurvey6/
- 26 http://www.2ality.com/2015/09/typed-arrays.html
- 27 https://hacks.mozilla.org/2015/09/flash-free-clipboard-for-the-web/
- 28 http://ponyfoo.com/articles/es6-arrow-functions-in-depth
- 29 http://ponyfoo.com/articles/es6-iterators-in-depth
- 30 http://ponyfoo.com/articles/es6-generators-in-depth
- 31 https://rachelandrew.co.uk/archives/2015/09/02/css-grid-and-the-box-alignment-module/
- 32 https://medium.com/@patrickbrosset/css-grid-layout-6c9cba6e8a5a
- 33 https://medium.com/ux-launchpad-notes-on-design/steve-jobs-insult-response-cbd1d6f4d73a
- 34 https://medium.com/@joelle_emerson/raising-the-bar-how-to-be-a-less-biased-interviewer-ecda0892f8f5
- 35 https://medium.com/tech-diversity-files/want-to-hire-more-diverse-people-raise-your-bar-b5d30f91cbd9
- 36 http://blog.mailchimp.com/hire-people-not-skills/
- 37 http://www.wsj.com/articles/we-need-the-right-to-repair-our-gadgets-1441737868
- 38 https://paypal.me/anselm
- 39 https://gratipay.com/~Anselm%20Hannemann/
- 40 https://wdrl.info/costs/