New Web Development Strategies: Font Loading, Scaling SVGs
We love learning new things or finding little details within web development. Today, we will give you the fine details about scheduling inrequestAnimationFrame. We have discovered practical SVG attribute to preserve stroke widths while scaling an illustration. Let’s dive in. News The beloved Git Tower app is coming to Windows. I’m pretty sure that the pricing will be the same as for the Mac app and it’s great to see that this useful Mac app will soon be available to Windows users as well. Generic A Comprehensive Guide to Font Loading Strategies by Zach Leatherman is the current best pocket guide on how to load fonts. Tools & Workflows Mango is a new tool that uses git as it was thought: in a decentralized, distributed way. They achieve that by baking in IPFS to store git objects. I’m happy this is available now and I’ll be sure to try it with an upcoming project.
) HTML & SVG All people say using links and buttons is very easy in web development. I don’t think that’s true, especially since the decision makes a huge difference when it comes to accessibility for which the semantic choice can make a huge difference. Marcy Sutton tries to give real-world hints how you can figure out if an element visually looking like a button should be a button or a link instead. Nick Salloum shares how you can scale SVG graphics without scaling their borders. This is very useful for outline icons which you want to homogeneously display in various sizes altogether. The effect is achieved through the widely unknown vectoreffect attribute, which for example can have the non-scalingstroke value.
JavaScript I already shared a couple of Service Worker resources but which one to choose when you want to use it? Likely the best option is to search for the suitable use-case in the Awesome Service Workers list. Philip Walton shares his approach of setting up automated, cross-browser JavaScript unit testing with Saucelab. Paul Irish shares quite interesting details on requestAnimationFrame Scheduling.
An Android lock screen at the beginning of our EU referendum experiment. Work & Life When you work on a project that is complex, it’s not easy to turn into a workflow where your team is able to ship small features fast. Vanja Mimic shares how you can turn a project and deliver much faster. You can learn more about the advanced web development solutions here.