Weekly web development update #37
Tags: webdev, weekly
Published: 2020-08-05 05:21:14


______

##[Shoelace](https://shoelace.style/)
[![Shoelace](https://shoelace.style/assets/images/og-image.png)](https://shoelace.style/)
An open-source library of web components that works with all frameworks.

______

##[CSS3 loaders and spinners](https://vineethtrv.github.io/loader/)
[![CSS3 loaders and spinners](https://vineethtrv.github.io/loader/images/Loader-screen.png)](https://vineethtrv.github.io/loader/)
A cool collection of pure CSS loaders.

______

##[tinykeys](https://github.com/jamiebuilds/tinykeys)
[![tinykeys](https://wweb.dev/weekly/screenshots/tinykeys.jpg)](https://github.com/jamiebuilds/tinykeys)
A very small and modern library for keybindings.

______

##[useImageColor](https://github.com/jeffersonlicet/use-image-color)
[![useImageColor](https://camo.githubusercontent.com/cccc30f5d06f453c86667d14d49cbac21b37ef0c/68747470733a2f2f692e706f7374696d672e63632f5143546a4a3236722f612d6d696e2e706e67)](https://github.com/jeffersonlicet/use-image-color)
A React hook to grab the color palette from any image.

______

##[Laws of UX](https://lawsofux.com/)
[![Laws of UX](https://lawsofux.com/images/social_1200.jpg)](https://lawsofux.com/)
A collection of maxims and principles that designers can consider when building user interfaces.

______

##[Teenyicons](https://teenyicons.com/)
[![Teenyicons](https://teenyicons.com/og.png)](https://teenyicons.com/)
An elegant icon set by Anja van Staden with more than a thousand icons.

______

##[tiper-js](https://github.com/carlelieser/tiper-js)
[![tiper-js](https://wweb.dev/weekly/screenshots/tiper-js.jpg)](https://github.com/carlelieser/tiper-js)
A small library for creating typing animations.

______

##[Superfine](https://github.com/jorgebucaran/superfine/)
[![Superfine](https://wweb.dev/weekly/screenshots/superfine.jpg)](https://github.com/jorgebucaran/superfine/)
A minimal view layer for building web interfaces.

______

##[Dev Lecture](https://www.devlecture.com/)
[![Dev Lecture](https://wweb.dev/weekly/screenshots/devlecture.jpg)](https://www.devlecture.com/)
A cool app to simultaneously watch tutorials and code.

______

##[Front-end Job Interview Questions](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
[![Front-end Job Interview Questions](https://wweb.dev/weekly/screenshots/front-end-interview-questions.jpg)](https://github.com/h5bp/Front-end-Developer-Interview-Questions)
A number of front-end interview questions that can be used when vetting potential candidates

______

##[It's time to lazy-load offscreen iframes!](https://web.dev/iframe-lazy-loading/)
[![It's time to lazy-load offscreen iframes!](https://webdev.imgix.net/iframe-lazy-loading/hero.png?auto=format&fit=max&w=2880)](https://web.dev/iframe-lazy-loading/)
An introduction to lazy-loading iframes with Chrome 76.

______

##[Luckysheet](https://github.com/mengshukeji/Luckysheet)
[![Luckysheet](https://wweb.dev/weekly/screenshots/luckysheet.jpg)](https://github.com/mengshukeji/Luckysheet)
An online spreadsheet like excel that is powerful, simple to configure, and completely open-source.

______

To see all the weeklies check: [wweb.dev/weekly](https://wweb.dev/weekly)