Weekly web development update #49
Tags: webdev, weekly
Published: 2020-11-04 06:39:58


______

##[Next.js 10](https://nextjs.org/blog/next-10)
[![Next.js 10](https://nextjs.org/static/blog/next-10/twitter-card.png)](https://nextjs.org/blog/next-10)
The release notes for Next.js 10, which introduces Built-in Image Optimization, Internationalized Routing, and more!

______

##[Placeholder Logos](https://placeholderlogo.com/)
[![Placeholder Logos](https://placeholderlogo.com/img/open-graph.png)](https://placeholderlogo.com/)
Get a placeholder brand for a project. Completely free, with six different color variations as PNG and SVG.

______

##[link-to-qr](https://link-to-qr.com/)
[![link-to-qr](https://link-to-qr.com/img/share_img.png)](https://link-to-qr.com/)
A free and easy QR code generator.

______

##[React Flow](https://reactflow.dev/)
[![React Flow](https://reactflow.dev/images/react-flow-header.jpg)](https://reactflow.dev/)
A highly customizable React.js library for building interactive node-based editors, flow charts, and diagrams.

______

##[Merlin](https://github.com/hparton/react-native-merlin)
[![Merlin](https://wweb.dev/weekly/screenshots/merlin.jpg)](https://github.com/hparton/react-native-merlin)
A library for simple web-like forms in React Native. 

______

##[UI Coach](https://uicoach.io/)
[![UI Coach](https://firebasestorage.googleapis.com/v0/b/ui-coach-2.appspot.com/o/social%20sharing.png?alt=media&token=9da9c3aa-9888-4b1f-8e56-fdf9d2cf73ca)](https://uicoach.io/)
A UI Design challenge generator, to become a better UI designer at your own Pace.

______

##[cypress-routines](https://maxschmitt.me/posts/cypress-routines/)
[![cypress-routines](https://i.ytimg.com/vi/eje9dQ2Y-q0/maxresdefault.jpg)](https://maxschmitt.me/posts/cypress-routines/)
A library that enables you to organize your test setups neatly per spec-file.

______

##[Developer Resources - Frontend](https://github.com/developer-resources/frontend-development)
[![Developer Resources - Frontend](https://raw.githubusercontent.com/developer-resources/frontend-development/main/img/Banner.jpg)](https://github.com/developer-resources/frontend-development)
A huge collection of resources for Frontend development.

______

##[Next.js Commerce](https://nextjs.org/commerce)
[![Next.js Commerce](https://nextjs.org/static/twitter-cards/commerce.png)](https://nextjs.org/commerce)
A starter kit for high-performance ecommerce sites for Next.js.

______

##[The Complete CSS Grid Tutorial](https://jst.hashnode.dev/css-grid-tutorial)
[![The Complete CSS Grid Tutorial](https://hashnode.com/utility/r?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1602694658391%2Ftol-QxxBR.png%3Fw%3D1200%26auto%3Dformat%26q%3D60)](https://jst.hashnode.dev/css-grid-tutorial)
A detailed guide on CSS Grid.

______

##[Minimal CSS Frameworks](https://dailydevlinks.com/minimal-css-frameworks)
[![Minimal CSS Frameworks](https://dailydevlinks.com/wp-content/uploads/2020/09/minimal-css.jpg)](https://dailydevlinks.com/minimal-css-frameworks)
A list of some lighter CSS frameworks out there.

______

##[Native CSS Masonry Layout](https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/)
[![Native CSS Masonry Layout](https://cloud.netlifyusercontent.com/assets/344dbf88-fdf9-42bb-adb4-46f01eedd629/1bc43aa2-0d1c-4780-b5df-b0a022aa92fc/native-css-masonry-layout-css-grid.png)](https://www.smashingmagazine.com/native-css-masonry-layout-css-grid/)
An article about the new specification for a native CSS masonry layout, as part of the Grid Layout.

______

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