This week I mostly spent time on fixing bugs, improving a deployment workflow and on getting another new front-end project structured. One major takeaway from this was that it’s good to have a proper deployment workflow in place already in the early stages of a project.
We should document appropriately in git what has been done in a commit instead of sleazily writing “changed [XY] because of [some arbitrary reason]”. By doing so, it becomes easier for myself, or someone else, to identify bugs at a later stage.
Further Reading on SmashingMag:
- 40+ Excellent Freefonts For Professional Design1
- Typographic Design Patterns And Best Practices2
- Industrial-Strength Types3
- When Typography Speaks Louder Than Words4
- Opera 35 has been released5 and brings CSS Font Loading API improvements, Fetch API
blob:URL scheme support,
- So Facebook will shut down Parse at the end of the year6 and Burke Holland explains why the company basically builds a house of cards. Of course, Facebook is not the only one, and Firebase or Heroku are building a similar lock-in we shouldn’t rely on with our products.
- What could be simpler than returning HTTP status codes?7 Yet, we often do not care about returning the correct code, although it would massively improve the quality of your web application or website. There is a great specification for common statuses available for HTTP, and you should make use of it to help users, browsers and third-party crawlers identify the status of web content.
Concepts & Design Link
- Stephanie Briones shares lessons learned and concepts on how to redesign an interactive editor8.
- Nick Keppol shares some insights on why Apple built its new font family San Francisco9. A lovely, comprehensive post from which we can learn a lot about specific typographic details.
- Most of us are using git on a daily basis. However, we often use it not in the way it’s intended to be. When you try to trace back a bug (
git log) or want to create release notes, it’s crucial to have meaningful and well written commit messages12.
- Diogo Mónica explores how to apply sane defaults for a Content Security Policy13 on your website and shares why it’s a bad idea to allow inline scripts.
- Léonie Watson collected the basic commands to use and control the most common screen readers14 (including the OS X built-in Voice Over) so that everyone can test websites for accessibility compatibility.
- This page contains standard elements for a normal website15 with accessibility defaults. If you build such projects, have a look at the source code and apply it next time.
- Feature.js18 is a fast, simple and lightweight browser feature detection library. It has no dependencies and weighs only 1kb minified and gzipped. It automatically initializes itself on page load, so you don’t have to. However, what it doesn’t do is run tests while initializing. It will only run them when you ask it to.
CSS / Sass Link
- Speaking of good practice for writing CSS, fantasai from the CSSWG shares what we should focus on and which aspects to take care of when we write CSS23.
- BigCommerce shares their approach on structuring CSS24. A sane and simple process.
- I’ve rarely seen basic CSS articles lately, but this one is just great: Thierry Koblentz re-analyzes our commonly used old
display: tableclearfix method and shares how we can achieve a solid clearfix method for modern browsers in a cleaner way25.
Work & Life Link
- A Navy SEAL held a speech at a university and told the students how we can change something in the world26 if we change our mindset.
Going beyond… Link
- As Silicon Valley firms hail the benefits of disruption, some European leaders are pushing to develop the industry’s moral compass27. This is a real chance to make better decisions, fight fatalism and build a humane future.
And with that, I’ll close for this week. If 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 https://www.smashingmagazine.com/2007/11/40-excellent-freefonts-for-professional-design-2/
- 2 https://www.smashingmagazine.com/2009/08/typographic-design-survey-best-practices-from-the-best-blogs/
- 3 https://www.smashingmagazine.com/2012/11/industrial-strength-types/
- 4 https://www.smashingmagazine.com/2012/04/when-typography-speaks-louder-than-words/
- 5 https://dev.opera.com/blog/opera-35/
- 6 https://medium.com/@burkeholland/facebook-is-creating-a-house-of-cards-33ce47144154
- 7 http://racksburg.com/choosing-an-http-status-code/
- 8 http://blog.invisionapp.com/redesigning-interactive-editor/
- 9 https://medium.com/martiancraft-s-syndicate/why-san-francisco-b86bd45f3273
- 10 https://medium.com/martiancraft-s-syndicate/why-san-francisco-b86bd45f3273
- 11 https://medium.com/martiancraft-s-syndicate/why-san-francisco-b86bd45f3273
- 12 http://alistapart.com/article/the-art-of-the-commit
- 13 https://diogomonica.com/2015/12/30/creating-a-csp-policy-from-scratch/
- 14 https://www.paciellogroup.com/blog/2015/01/basic-screen-reader-commands-for-accessibility-testing/
- 15 http://www.html5accessibility.com/html5elements/
- 16 http://elm-lang.org/
- 17 https://dennisreimann.de/articles/elm.html
- 18 http://featurejs.com/
- 22 https://www.flickr.com/photos/qubodup/16258492451
- 23 http://fantasai.inkedblade.net/style/talks/best-practices/
- 24 http://www.bigeng.io/how-we-css-at-bigcommerce/
- 25 http://cssmojo.com/the-very-latest-clearfix-reloaded/
- 26 http://www.farnamstreetblog.stfi.re/2014/05/10-life-lessons-william-mcraven/
- 27 http://www.theguardian.com/technology/2016/jan/30/europe-google-facebook-technology-ethics-eu-martin-schulz
- 28 https://wdrl.info/donate
- 29 https://wdrl.info/costs/