Anselm Hannemann

About The Author

Anselm Hannemann Anselm Hannemann is a freelance front-end developer and architect. He curates WDRL — a weekly, handcrafted web development newsletter. Apart from that he helped the RICG, built opendevicelab.com and organizes the NightlyBuild 2015 conference in Cologne, Germany. He is available for freelance jobs.

Web Development Reading List #131: Git 2.8, CSS Grids And The Key To Good Code

Although it’s April 1st, and people go all crazy making up jokes and spreading hoaxes, I’m sending out this edition to you without any April fools. Instead, I want to challenge you to put more effort, more thoughts into your code. Instead of blindly following a given path to build the solution with the least effort, what about thinking more about your users? Wouldn’t a lot more users...

Although it’s April 1st, and people go all crazy making up jokes and spreading hoaxes, I’m sending out this edition to you without any April fools. Instead, I want to challenge you to put more effort, more thoughts into your code.

Instead of blindly following a given path to build the solution with the least effort, what about thinking more about your users? Wouldn’t a lot more users benefit from you spending an additional hour on building a form on your own instead of relying on a third party that involves tracking? Wouldn’t they benefit from a smaller website that doesn’t contain big libraries? Many people and crawling extensions could also benefit from a better document outline. In the end, it’s your product and your work that users see — and I bet you want to be proud of what you’ve just built.

News

General

  • What’s the key to good code? It’s not about great algorithms, or that the code is scalable. The key to good code is reducing its cognitive load. Christian M. Mackeprang shares his approach on how to do that easily.
  • “I don’t always test my code, but when I do, it feels better.” But it’s not only about writing tests for your software. It’s also about how to write tests. Because the simpler a test, and the less brain power it needs to be written and to be read, the better it is.

Concepts & Design

Build what matters
Don’t try to foresee what you might eventually need. Build what matters! (Image credit: Jonas Downey)

Tools

  • At Microsoft’s Build 2016 conference, the company announced the availability of the Bash Shell on Windows 10 with the next major OS update.
  • Docker has always worked fine on Linux machines but on Windows and OS X there were a couple of annoying issues that made using it very hard. The authors now shipped a beta for Docker for Mac and Windows, a new experience that finally works better with these systems. It does not need VirtualBox anymore, supports proper Volume mounting, better network profile support, and fits the OS X sandbox security model (which was probably the most annoying issue with Docker on Mac). The only drawback? The current sign-up process for the beta requires a 3rd party tracker to be enabled.
  • Do you remember Jenkins, the Continuous Integration server? It’s back with an improved version 2.0. The update has better pipelines, much better git support and integration, a way better user experience with easier configuration pages, and it’s backwards-compatible so that there is no reason not to upgrade from a Jenkins 1.x version to the new one! As an alternative, GitLab now has better Runners that allow it to be used not only as a version control management platform but as a full CI service as well.
  • As a result of recent unpublishing issues on npm, the registry will from now on be stricter about if an author can unpublish a version from it. On the other hand, Nicolás Bevacqua sums up the still remaining security risks that come with using a package manager like npm. Finally, we should not forget that while we’re only talking about npm here, other package managers have at least some of the same issues.

Security

Privacy

  • So indeed, mass surveillance silences minority opinions, as a new study reveals. And now think about what mass surveillance means: Is it just the governments’ actions or is it also corporate services like advertisers, tracking services, companies like Facebook or Google embedded into websites?

Accessibility

  • You are in your mid-twenties and your vision is 20/20 or better. You are not color blind and all the devices you own have a ‘retina’ screen. You are standing in a major city and your internet is fast. Now read on.
  • Microsoft has released CaptionBot at their Build conference. The tool analyzes images for their content and suggests a description of what is seen on the photo. It’s actually quite impressive how good the results work and how this could improve accessibility and help automate processes to provide alternative texts for images.
  • Hugo Giraudel seems to have done quite some research on accessibility lately. Now he has introduced an outline audit tool for websites that lets you verify your document outline regarding proper semantics and accessible content.
CaptionBot in action
Microsoft’s CaptionBot in action.

CSS/Sass

  • So, one of the best resources to refer to when looking up some Flexbox property is the “Complete Guide to Flexbox” on CSS-Tricks. Now the same concept has been transfered to CSS Grids, making the “Complete Guide to Grid” the resource to remember for the future when this technology is ready to be widely used.
  • How scalable is CSS? And at scale, is CSS the problem or are we, the developers, the problem? What does DRY mean? And how do we define CSS at scale? This essay about scaling CSS sheds some light on these matters.

Going beyond…

And with that, I’ll close for this week. If you like what I write each week, please support me with a donation or share this resource with other people. You can learn more about the costs of the project here. It’s available via email, RSS and online.

Thanks and all the best,
Anselm


More Articles on

Never Stop Learning With Conference Live Streams And Videos

by Cosima Mielke

What makes a great conference? It fuels your ideas and polishes up your skills. It fosters your professional growth and takes your work to the next level. Luckily, a lot of conferences provide videos of their talks after the event has ended, some do even stream live to pass on their knowledge even if you couldn’t attend. The videos collected in this round-up revive the spirit of the...

Read more

Web Development Reading List #130: Opera Mini, Workflow Fragility And Happy Work

by Anselm Hannemann

What a week! Some people were debating over our npm workflows and security attacks (and sadly not just virtual social engineering ones but real ones in Brussels), we've also seen some great new articles that feature the better parts of our community and society. I'm happy to share them with you over this longer Easter-weekend. Cheers! iOS9.3 and OS X 10.11.4 is finally being delivered to...

Read more

Dirty Tricks From The Dark Corners Of Front-End (Slides, PDF)

by Vitaly Friedman

You know how it works: you spend hours trying to find a workaround for a problem that you have encountered, just to realize that it doesn't quite work in, you know, that browser. Finding little techniques and tricks to help you get to results faster can immensely improve your productivity, so you don't have to waste time on solutions that will never see the light of day. I love finding...

Read more