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 #105

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 list 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. ...

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 list 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, fog and rain take over, temperatures are falling and the leaves of the trees are changing their colors. Sitting in front of a computer all day, reflecting how fast things change in nature, I can often see a similarity between our world of front-end development and things going on in the world.

Not only our tools and technologies are changing fast, but so does the whole world. If we recognize this, suddenly our attitude changes. It’s important to do something but we need to take care of ourselves and set a pace we can live on—sustainable and not burning our energy to an unhealthy level. Pick a section you want to improve on and don’t worry if you can’t read all articles in my weekly lists... it’s okay.

Firefox 41 is released.
Firefox 41 is out and now brings support for SVG favicons, massively improved box-shadow rendering performance and CSS Font Loading API.
                        <h3>News</h3>
    <ul>
                    <li>
                            <a href="https://www.mozilla.org/en-US/firefox/41.0/releasenotes/">Firefox 41 is out</a> and now brings support for SVG favicons, massively improved <code>box-shadow</code> rendering performance, CSS Font Loading API; also, from now on WebRTC requires <abbr title="Perfect Forward Secrecy">Perfect Forward Secrecy (PFS)</abbr>.         </li>
                    <li>
                            nginx <a href="https://www.nginx.com/blog/nginx-1-9-5/">released 1.9.5</a> this week and with that, lets you enable HTTP/2. This is a huge step to the next generation of the http protocol. Interested? Check out a tutorial on <a href="https://ma.ttias.be/enable-http2-in-nginx/">how to enable HTTP/2 on your nginx</a>.           </li>
                </ul>
                                                        <h3>Tools</h3>
    <ul>
                    <li>
                            Ever wanted to have an inline editor on your website? Then go check out <a href="http://getcontenttools.com/">ContentTools</a>, a clean and beautiful inline editor that offers exactly the features you want to have as content editor.            </li>
                </ul>
                        <h3>Security</h3>
    <ul>
                    <li>
                            With the growing usage of CDNs to deliver your static assets, it’s important to ensure the CDN is not compromised. Imagine an attacker injecting something into your code by intercepting or hacking the CDN. Of course you will not realize it until it’s too late. Since a few months, a web standard called “<a href="http://www.w3.org/TR/SRI/">Subresource Integrity</a>” has been developed. The github team now shares how you can use <a href="http://githubengineering.com/subresource-integrity/">subresource integrity to check if your files are compromised</a> or not and act accordingly.            </li>
                </ul>
                        <h3>Privacy</h3>
    <ul>
                    <li>
                            Probably the topic of the month is ad blocking. I mentioned it in my reading lists already a few times but since the release of iOS9 indeed people went crazy on whether it's ethically correct to block ads or not. Sam Snelling wrote an interesting and great round-up on <a href="http://snelling.io/on-ad-blocking">what he found out about ad networks infiltrating your privacy</a> and why it’s only natural and understandable that people block all ads after learning about it.          </li>
                </ul>
                        <h3>Web Performance</h3>
    <ul>
                    <li>
                            Nobody likes it when a webpage suddenly makes weird things. One of them could be an unexpected layout reflow. Paul Irish wrote up a comprehensive <a href="https://gist.github.com/paulirish/5d52fb081b3570c81e3a">list of what functions, elements, properties or actions force a layout reflow</a>.           </li>
                </ul>
                                        <h3>Accessibility</h3>
    <ul>
                    <li>
                            Learn from your errors. That’s what Medium does and you can learn from their errors as well. They wrote up <a href="https://medium.com/medium-eng/five-goofy-things-medium-did-that-break-accessibility-3bc804ae818d">how they messed up with accessibility</a> in their application by doing simple things wrong and now share how to fix it properly.         </li>
                </ul>
                                        <h3>CSS / Sass</h3>
    <ul>
                    <li>
                            Debugging transitions or animations in a browser has always been a pain. And while Chrome recently introduced a cubic bezier editor and a play controller for DevTools, Firefox 44 will bring us a <a href="https://medium.com/@patrickbrosset/inspecting-animations-in-firefox-f1f5fd941567">visual timeline tool for animations</a>. Patrick Brosset explains how it will work and from what I saw in the tool I suspect this will be extended to a real timeline editor in future.           </li>
                    <li>
                            Vincent Pickering wrote up a few <a href="http://vincentp.me/blog/use-cases-for-calc/">useful use cases for the new CSS <code>calc()</code> function</a>.           </li>
                </ul>
                        <h3>Work &amp; Life</h3>
    <ul>
                    <li>
                            Give refugees work and they’ll do awesome things. Just by giving people appropriate education and let them work, we will nourish innovation. It doesn’t matter what background they have or where they come from. Following that motto, the crowd-funded Kiron university now <a href="https://www.startnext.com/kironuniversity/blog/beitrag/?b=52578">wants to solve higher education for immigrants</a> in an unconventional way.            </li>
                    <li>
                            Daniel Mall researched a bit on where the 8-hours work day originates. While doing it, he stumbled over lots of studies on how effective people work on different hours per week. Turns out that <a href="http://danielmall.com/articles/time-for-work/">working more is not getting more done</a>.         </li>
                    <li>
                        Let's capture answers to the question “<a href="http://www.spendingtime.co/">What should you be spending more time on?</a>”. The site was created at the XOXO festival this year and can give you inspiration or self reflection on where you spend your time and what your soul wants to spend time on.            </li>
                </ul>
                        <h3>Go beyond…</h3>
    <ul>
                    <li>
                            If you don’t understand the refugee crisis happening in Europe at the moment yet, I can recommend <a href="https://www.youtube.com/watch?v=RvOnXh3NN9w">this video</a> by the awesome “in a nutshell” people who have the amazing talent of explaining things visually in short videos so that everyone understands it. Also check out the other videos made by them.           </li>
                    <li>
                            Kickstarter. Often seen as massively profitable company due to the share they get on each campaign, they now set a bold milestone for tech startups. Kickstarter will from now on be a public benefit corporation, making it nearly impossible to be bought by some other company or to go public. Instead, their founders decided that they want to stick to their goals, idealism, and stay independent. As a B-Corp, this is another honorable step into a sustainable direction, showing that startups don’t always sell out and aren’t always about maximum profit in short time.          </li>
                </ul>

<p>And with that I’ll close for this week. In case you like what I write each week, please <a href="https://wdrl.info/donate">support me with a donation</a> or share this resource with other people. You can learn more <a href="https://wdrl.info/costs/">about the costs of the project here</a>. It’s available via E-Mail, RSS and online.</p>

Thanks and all the best,
Anselm


More Articles on

Why Performance Matters, Part 1: The Perception Of Time

by Denys Mishunov

Those of us who consider ourselves developers, including me, are very task-oriented. We like to be guided towards optimal results, and we find ourselves uncomfortable when there is no clear path to follow. That is why we all want to know how to do things; we like step-by-step tutorials and how-tos. However, such guidelines are based on certain theories, deep knowledge and experience. For...

Read more

Chrome, Firefox, Safari, Opera, Edge? Impressive Web Browser Alternatives

by Victor Clarke

It’s 2015 and your choice of browser has proven to be as important as your choice of operating system. Dedicated apps may be competing against browsers on mobile devices, but that is hardly the case in the desktop environment. On the contrary, each year more desktop browsers appear, and some of them can change the way you browse the Internet for the better. Google Chrome, Mozilla Firefox,...

Read more

Web Development Reading List #104

by Anselm Hannemann

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 list, 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. ...

Read more