Web Development Reading List #167: On Team Retreats, Immutable Cache, And Eliminating Clearfix Hacks
When working in a team, we focus so much on the work, that we often forget that we all have something in common. Something that is so obvious that we underestimate it: we all are human beings. And well, if we want to grow as a team and get better at what we do, we should embrace this fact more. In fact, I just came back from a week-long team retreat where we had team activities, team games, and sessions and discussions about how we can achieve just that.
We figured out how much we value diversity, we realized how different the English language and its words are perceived by people from different countries, and we’ve seen short talks on various topics like work-life-balance but also on technical stuff like Docker or intercepting any computer’s traffic with a Raspberry Zero. So if you have the chance to work in a team, use the opportunity and exchange views and share information with your co-workers. Work is part of your life, so why not make it a lovely part?
Further Reading on SmashingMag: Link
- Styling And Animating SVGs With CSS1
- 6 Simple Ways For Freelancers To Increase Productivity2
- The Messy Art Of UX Sketching3
- Why You Should Stop Installing Your WebDev Environment Locally4
- Say hello to Firefox 515. It ships unprefixed
::placeholder, broader ES2015 support, WebGL 2, IndexedDB v2, and
tabindexfor SVG. Scripts served with an
text/csvMIME type are now blocked.
- Samuel Reed shares how Google Chrome 56 will make throttling of background tabs more aggressive6, what this actually means and what the plans for Chrome 57 are.
- Firefox has been supporting Immutable Caching7 since version 49. Now they share how efficient the technique is8 for Facebook and other big sites that are frequently visited by the same people.
Tools & Workflow Link
- Anne van Kesteren shares tips on using SSH securely in the context of a CI service9 such as Travis CI or Circle CI.
- Joschi Kuphal explains how to implement HPKP with Certbot10, the Let’s Encrypt client.
- In response to the recent MongoDB ransom attack, Mattias Geniar shares his thoughts on the return of unauthenticated, unfirewalled protocols11.
Web Performance Link
- Mazdak Hashemi gives insights into Twitter’s infrastructure12. They focus mostly on the large amount of traffic and the challenges that come with it.
HTML & SVG Link
- SVG icons often have one problem: They don’t align well to the text surrounding them. Elliot Dahl explains how to fix that13.
- Sara Soueidan shows how to build a fully accessible help tooltip16 and why CSS-only methods sound neat but often aren’t.
- Mathias Bynens shares what’s currently happening at the TC39 in regards to Regular Expressions17 and shows what the proposals could look like and what problems they would solve.
- Rachel Andrew explains the new
flow-root21 that was added to Chrome and Firefox (both Nightly/Canary only) and why it will finally replace the old clearfix hacks that we’re currently using to fix parent box sizes when floating inner elements.
Work & Life Link
- Lara Hogan on how to hold better meetings22. A concise list of tips and tricks to make your meetings a lot more efficient and interesting.
- With tons of productivity articles out there, it’s easy to feel overwhelmed or even bad about how you get work done. But each one of us is an individual, and, thus, productivity is not only a subjective matter but also has a personality23.
Going Beyond… Link
- Ben Sauer questions the use of digital media for everything24 and asks himself if embracing paper to share information in a team is a better idea.
And with that, I’ll close for this week. If you like what I write each week, please support me with a donation25 or share this resource with other people. You can learn more about the costs of the project here26. It’s available via email, RSS and online.
- 1 https://www.smashingmagazine.com/2014/11/styling-and-animating-svgs-with-css/
- 2 https://www.smashingmagazine.com/2009/08/simple-ways-freelancers-can-increase-productivity/
- 3 https://www.smashingmagazine.com/2011/12/the-messy-art-of-ux-sketching/
- 4 https://www.smashingmagazine.com/2016/04/stop-installing-your-webdev-environment-locally-with-docker/
- 5 https://developer.mozilla.org/en-US/Firefox/Releases/51
- 6 http://blog.strml.net/2017/01/chrome-56-now-aggressively-throttles.html
- 7 https://wdrl.info/archive/137/bits-up-cache-control-immutable
- 8 https://hacks.mozilla.org/2017/01/using-immutable-caching-to-speed-up-the-web/
- 9 https://annevankesteren.nl/2017/01/secure-secure-shell
- 10 https://jkphl.is/articles/certbot-http-public-key-pinning-hpkp/
- 11 https://ma.ttias.be/return-unauthenticated-unfirewalled-protocols/
- 12 https://blog.twitter.com/2017/the-infrastructure-behind-twitter-scale
- 13 https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
- 14 https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
- 15 https://blog.prototypr.io/align-svg-icons-to-text-and-say-goodbye-to-font-icons-d44b3d7b26b4
- 16 https://sarasoueidan.com/blog/accessible-tooltips/
- 17 https://mathiasbynens.be/notes/es-regexp-proposals
- 18 https://sarasoueidan.com/blog/accessible-tooltips/
- 19 https://sarasoueidan.com/blog/accessible-tooltips/
- 20 https://sarasoueidan.com/blog/accessible-tooltips/
- 21 https://www.rachelandrew.co.uk/archives/2017/01/24/the-end-of-the-clearfix-hack/
- 22 http://larahogan.me/blog/better-meetings/
- 23 https://superyesmore.com/productivity-has-a-personality-8d71d90938e9a85b64bb67dcfe06012c
- 24 https://slapdashery.org/thinking-with-paper-6e1064b1c67a
- 25 https://wdrl.info/donate
- 26 https://wdrl.info/costs/