Weekly web development update #39
Tags: weekly, webdev
Published: 2020-08-19 05:18:08

Here's the new weekly webdev update:

______

##[Elder.js](https://elderguide.com/tech/elderjs/)
[![Elder.js](https://wweb.dev/weekly/screenshots/elderjs.jpg)](https://elderguide.com/tech/elderjs/)
A Svelte Framework & Static Site Generator with focus on SEO.

______

##[Responsively](https://responsively.app/)
[![Responsively](https://responsively.app/assets/img/screenshot.png)](https://responsively.app/)
An app to preview all target screens in a single window side-by-side.

______

##[Storybook 6.0](https://medium.com/storybookjs/storybook-6-0-1e14a2071000)
[![Storybook 6.0](https://miro.medium.com/max/1400/1*KdnVhd40uekdWYtaIsrOpg.gif)](https://medium.com/storybookjs/storybook-6-0-1e14a2071000)
The release notes for the new version of Storybook.

______

##[zustand](https://github.com/react-spring/zustand)
[![zustand](https://wweb.dev/weekly/screenshots/zustand.jpg)](https://github.com/react-spring/zustand)
A small and fast and bearbones state-management solution.

______

##[Kor](https://kor-ui.com/introduction/welcome)
[![Kor](https://wweb.dev/weekly/screenshots/kor.jpg)](https://kor-ui.com/introduction/welcome)
An open source Design System and lightweight UI Component Library.

______

##[Docusaurus](https://github.com/facebook/docusaurus)
[![Docusaurus](https://camo.githubusercontent.com/a6f668c84f6487fbc1a860626b3fc83a93c7481f/68747470733a2f2f646f63757361757275732e696f2f696d672f736c6173682d696e74726f647563696e672e737667)](https://github.com/facebook/docusaurus)
A project for building, deploying, and maintaining open source project websites easily.

______

##[Embla Carousel](https://davidcetinkaya.github.io/embla-carousel/)
[![Embla Carousel](https://wweb.dev/weekly/screenshots/embla-carousel.jpg)](https://davidcetinkaya.github.io/embla-carousel/)
A library agnostic, dependency free carousel library with good swipe precision.

______

##[Enhancing User Experience With CSS Animations](https://stephaniewalter.design/blog/enhancing-user-experience-with-css-animations)
[![Enhancing User Experience With CSS Animations](https://stephaniewalter.design/wp-content/uploads/2020/08/enhance-user-experience-css-animations-@2x.jpg)](https://stephaniewalter.design/blog/enhancing-user-experience-with-css-animations)
A nice article by Stephanie Walter about implementing decent CSS Animations.

______

##[Aeon](https://github.com/lamplightdev/aeon)
[![Aeon](https://wweb.dev/weekly/screenshots/aeon.jpg)](https://github.com/lamplightdev/aeon)
A lightweight date time picker built with web components that can be used anywhere.

______

##[How I Structure My CSS (for Now)](https://matthiasott.com/notes/how-i-structure-my-css)
[![How I Structure My CSS (for Now)](https://wweb.dev/weekly/screenshots/how-structure-css.jpg)](https://matthiasott.com/notes/how-i-structure-my-css)
Matthias Ott writes about his methodologies for structuring CSS.

______

##[linkinator](https://github.com/JustinBeckwith/linkinator)
[![linkinator](https://wweb.dev/weekly/screenshots/linkinator.jpg)](https://github.com/JustinBeckwith/linkinator)
An API and CLI for crawling websites and validating links.

______

##[Supercharging <input type=number>](https://kilianvalkhof.com/2020/javascript/supercharging-input-type-number/)
[![Supercharging <input type=number>](https://wweb.dev/weekly/screenshots/supercharging-number.jpg)](https://kilianvalkhof.com/2020/javascript/supercharging-input-type-number/)
Kilian Valkhof writes about how to build a better input type=number.

______

##[Lite YouTube Embed](https://github.com/paulirish/lite-youtube-embed)
[![Lite YouTube Embed](https://wweb.dev/weekly/screenshots/lite-youtube-embed.jpg)](https://github.com/paulirish/lite-youtube-embed)
A custom element, that renders youtube embeds approximately 224x faster.

______

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