What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann1 is collecting everything that popped up over the last week in his web development reading list2 so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at. — Ed.
Last week I was talking about avoiding working all day and night. But Erik3 actually added a valid point to it: For you as an employee, it’s not always easy to turn off devices and just not respond to requests of your manager. And many companies still have the thinking of “we pay you salary, so we pretty much own you”. This is not true and we all need to educate people4, including our managers, to respect that. Because work without joy is not efficient work. And we need some downtime to deliver good work and enjoy our work.
Further Reading on SmashingMag:
- A Beginner’s Guide To Progressive Web Apps6
- Creating A Complete Web App In Foundation For Apps7
- Responsive Web Design: What It Is And How To Use It8
- A Responsive Material Design App With Polymer Starter Kit9
- A new Microsoft Edge Release is out10, now supporting
[download]attribute, SVG external content (wohoo, you can use
usenow with external resources), and WebRTC.
- If you ever open sourced code that was used by other companies, you probably know this: Corporations and Open Source Software do not mix11 well. While you provide your work for free, most corporations using your code want bugs fixed immediately but don’t want to pay for it. A dilemma we should try to get rid of. As a company, give money to open source projects you use to keep them maintained.
- Gerry McGovern shares how important it is to “declutter” your website from unnecessary content and how much the big websites like government websites benefited from doing that.
Concepts & Design Link
- From Pages to Patterns: An Exercise for Everyone12 by Charlotte Jackson does explain why it’s a much better idea to think in small components than a whole page when designing and building websites.
- cloc13 is a tool that counts blank lines, comment lines, and physical lines of source code in many programming languages. Very helpful to create statistics for your project.
- It didn’t take long until someone brought a browser on the new Apple TV. Actually, it’s a very simplistic browser for tvOS using private API (aka UIWebView) and you need to build it manually with some tricks to get it running but it’s amazing how smooth it works14.
- This series of articles covers a lot of cool things you can do with PostCSS: The PostCSS Deep Dive15.
- Julia Powles recognized an interesting thing17 at one of the biggest tech events. Companies want to have more and more personal data to serve personalized products and services. The prevailing, unquestioned view was that our cities, homes and bodies will automatically be better, smarter and faster if they’re connected. But no one could actually tell why, how and what this will mean, in real, practical, day-to-day terms to people’s lives.
- Facebook just got forced to stop tracking internet users in Belgium within 48 hours by a court, showing how serious the judges were on their decision. It’s interesting to see this happening after the Safe Harbour law is not in place anymore.
- I bet no other rule has set the tech industry so much into trouble recently than the fall of the Safe Harbour law. As a consequence, Microsoft will open data centers in Europe18 to follow the guidelines.
Web Performance Link
- Paul Lewis built Big Rig19, a performance measurement tool that you can either use in the CLI or as a browser dashboard.
- Learn Regular Expressions20 with a free online book in depth. It’s a great resource with lots of useful insight and can help you as a beginner or as an expert.
- Jeremy Keith shares his experience and code to make his first project work with ServiceWorker21. The post contains a lot of useful tips and hints. If you want an entry point with a more visual explanation, see a talk by Max Stoiber about Service Worker22.
- Learn how to avoid XSRF attacks in your Angular application24 with this little guide.
CSS / Sass Link
- Ana Tudor shares in this CodePen example why it’s generally a bad idea to use gradient generators25 for CSS gradients.
Work & Life Link
- You’re not one of these cool, young developers out there? Here’s the thing: James Victore shares the secret of how to stay relevant26 in one of his famous Burning Questions videos.
Go beyond… Link
- Now local businesses in Crickhowell are turning the tables on the likes of Google and Starbucks by employing the same accountancy practices used by the world’s biggest companies, to move their entire town “offshore”. What first might sound a bit weird, actually puts again some light on how broken our tax model currently is, and how unethical so many big companies are, avoiding taxes wherever they can. I can only hope that so many small companies follow this example so that countries need to change laws.
- We all love to complain, but it’s not good for us on several levels. The only one who can make a difference is you27.
And with that I’ll close for this week. In case you like what I write each week, please support me with a donation28 or share this resource with other people. You can learn more about the costs of the project here29. It’s available via E-Mail, RSS and online.
Thanks and all the best,
- 1 /author/anselm-hannemann/?rel=author
- 2 https://wdrl.info/
- 3 https://www.smashingmagazine.com/2015/11/web-development-reading-list-111/#comment-1285325
- 4 https://medium.com/the-wtf-economy/common-ground-for-independent-workers-83f3fbcf548f
- 5 https://dev.windows.com/en-us/microsoft-edge/platform/changelog/desktop/10586/?compareWith=10240
- 6 https://www.smashingmagazine.com/2016/08/a-beginners-guide-to-progressive-web-apps/
- 7 https://www.smashingmagazine.com/2015/04/creating-web-app-in-foundation-for-apps/
- 8 https://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/
- 9 https://www.smashingmagazine.com/2015/10/responsive-material-design-app-with-polymer-starter-kit/
- 10 https://dev.windows.com/en-us/microsoft-edge/platform/changelog/desktop/10586/?compareWith=10240
- 11 http://www.coglib.com/~icordasc/blog/2015/11/corporations-and-oss-do-not-mix.html
- 12 http://alistapart.com/article/from-pages-to-patterns-an-exercise-for-everyone
- 13 https://github.com/AlDanial/cloc
- 14 https://www.youtube.com/watch?v=xIDTh9bVRas
- 15 http://webdesign.tutsplus.com/series/postcss-deep-dive--cms-889
- 16 https://hacks.mozilla.org/2015/11/firefoxs-new-memory-tool/
- 17 http://www.theguardian.com/technology/2015/nov/09/web-summit-vision-smart-world
- 18 http://thehill.com/policy/cybersecurity/259656-microsoft-opens-uk-only-data-center-following-eu-ruling
- 19 https://aerotwist.com/blog/bigrig/
- 20 http://regex.learncodethehardway.org/book/
- 21 https://adactio.com/journal/9775
- 22 https://www.youtube.com/watch?v=TGwjgmAqNRo
- 23 http://bytearcher.com/articles/how-to-delete-value-from-array/
- 24 https://stormpath.com/blog/angular-xsrf/
- 25 http://codepen.io/thebabydino/full/pjxVWp/
- 26 https://www.youtube.com/watch?v=bAu5taT4Hhs
- 27 http://further.net/complaining/
- 28 https://wdrl.info/donate
- 29 https://wdrl.info/costs/