Fredrik’s front-end quick read #10

In this issue you’ll find a solution for the “full-height” issue on mobile, Compress JSON into URL-friendly strings, a different approach to commit messages, 2019 Web almanac and last but not least gesture-driven animation for mobile web.

react-div-100vh

A React component that solves the ‘100vh’ issue in mobile browsers. The problem is explained at the repo.

https://github.com/mvasin/react-div-100vh


JSONCrush

The results are shorter than standard URI encoding.

https://github.com/mvasin/react-div-100vh


The 2019 Web Almanac

There are a lot of these lists circulating right now by the end of year. The 2019 Web Almanac is out. It’s a state of the art report by the HTTP Archive about used technology (choices) and reveals quite some interesting data

https://github.com/mvasin/react-div-100vh


Commit-Message-Driven Development

Have you ever considered to write the commit message before you start writing the code? Sven Hofmann does it this way, and now he explains why you could give it a try, too.

https://github.com/mvasin/react-div-100vh


mobile-first-animation

Performant gesture-driven animation for mobile web.

This repo contains the source code of the demos for the talk about mobile animation at React Conf 2019.

https://github.com/mvasin/react-div-100vh

Thank you for reading and happy coding! ❤️

/Fredrik Ward, Senior front-end developer @ Bouvet and co-creator of Sketch2React

Leave a Reply