Weekly web development update #51
Tags: webdev, weekly
Published: 2020-11-18 07:12:01



______

##[Socialify](https://socialify.git.ci/)
[![Socialify](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/socialify.jpg)](https://socialify.git.ci/)
Generate a beautiful project image including a custom logo, description, badges, fonts, and background patterns.

______

##[Effective Skeleton Screens](https://timkadlec.com/remembers/2020-11-02-skeleton-screens/)
[![Effective Skeleton Screens](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/skeleton-screen.jpg)](https://timkadlec.com/remembers/2020-11-02-skeleton-screens/)
A nice article on the performance and UX of skeleton screens.

______

##[Notion Clone](https://github.com/konstantinmuenster/notion-clone)
[![Notion Clone](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/notion-clone.jpg)](https://github.com/konstantinmuenster/notion-clone)
An open-source version of the note-taking app Notion, built with Next.js.

______

##[Seasonal.css](https://seasonal-css.incoherency.co.uk/)
[![Seasonal.css](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/seasonal-css.jpg)](https://seasonal-css.incoherency.co.uk/)
A CSS library that supplies a seasonal colour scheme based on the day of the year.

______

##[What's Missing From CSS?](https://whatsmissingfromcss.com/)
[![What's Missing From CSS?](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/whatsmissing.jpg)](https://whatsmissingfromcss.com/)
The answers of 2,000 participants of the State Of CSS Survery 2020.

______

##[vue-float-menu](https://github.com/prabhuignoto/vue-float-menu)
[![vue-float-menu](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/vue-float-menu.jpg)](https://github.com/prabhuignoto/vue-float-menu)
A customizable floating menu for Vue.

______

##[beautiful-react-diagrams](https://antonioru.github.io/beautiful-react-diagrams/)
[![beautiful-react-diagrams](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/beautiful-react-diagrams.jpg)](https://antonioru.github.io/beautiful-react-diagrams/)
A tiny collection of lightweight React components for building diagrams with ease

______

##[Operator Lookup](https://joshwcomeau.com/operator-lookup/)
[![Operator Lookup](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/operator-lookup.jpg)](https://joshwcomeau.com/operator-lookup/)
A simple website where you can enter a JavaScript operator to learn more about it.

______

##[Inline Menu Layout](https://tympanus.net/Development/InlineMenuLayout/)
[![Inline Menu Layout](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/InlineMenuLayout.jpg)](https://tympanus.net/Development/InlineMenuLayout/)
An inline menu layout with a playful hover animation and a gallery content preview panel.

______

##[22120](https://github.com/c9fe/22120)
[![22120](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/22120.jpg)](https://github.com/c9fe/22120)
An archivist browser controller that caches everything you browse and makes it searchable.

______

##[Dsgn.link](https://dsgn.link/)
[![Dsgn.link](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/51/dsgnlink.jpg)](https://dsgn.link/)
A list of tools and resources for designers and coders, which is updated daily.

______

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