Weekly web development resources #102
Tags: webdev, weekly
Published: 2021-12-29 07:00:42



______

##[Alternate Column Scroll Animation ](https://tympanus.net/codrops/2021/12/21/alternate-column-scroll-animation/)
[![Alternate Column Scroll Animation ](https://wweb.dev/weekly/content/102/column-layout.jpg)](https://tympanus.net/codrops/2021/12/21/alternate-column-scroll-animation/)
A grid layout with columns that scroll in opposite directions and a content preview animation.

______

##[ColorHuddle](https://colorhuddle.co/)
[![ColorHuddle](https://wweb.dev/weekly/content/102/colorhuddle.jpg)](https://colorhuddle.co/)
A collection of color palettes on which you can easily copy the hex codes.

______

##[alternative-front-ends](https://github.com/mendel5/alternative-front-ends)
[![alternative-front-ends](https://wweb.dev/weekly/content/102/frontends.jpg)](https://github.com/mendel5/alternative-front-ends)
Overview of alternative open source front-ends for popular internet platforms (e.g. YouTube, Twitter, etc.)

______

##[Vitest](https://vitest.dev/)
[![Vitest](https://wweb.dev/weekly/content/102/vitest.jpg)](https://vitest.dev/)
A  fast unit test framework powered by Vite.

______

##[Intab Resources](https://intab.io/resources/)
[![Intab Resources](https://wweb.dev/weekly/content/102/devbox.jpg)](https://intab.io/resources/)
A curated list of 84+ web development resources.

______

##[How to use React Context effectively](https://kentcdodds.com/blog/how-to-use-react-context-effectively)
[![How to use React Context effectively](https://wweb.dev/weekly/content/102/react-context.jpg)](https://kentcdodds.com/blog/how-to-use-react-context-effectively)
An interesting article on React Context by Kent C. Dodds.

______

##[Deploy a Gmail-like email server](https://andycallaghan.com/posts/deploy-a-gmail-like-email-server-in-30-minutes/)
[![Deploy a Gmail-like email server](https://wweb.dev/weekly/content/102/gmail.jpg)](https://andycallaghan.com/posts/deploy-a-gmail-like-email-server-in-30-minutes/)
An article by Andy Callaghan on how to run your own email infrastructure.

______

##[BlackMagic](https://blackmagic.so/)
[![BlackMagic](https://wweb.dev/weekly/content/102/blackmagic.jpg)](https://blackmagic.so/)
A browser plugin to enhance your Twitter experience.

______

##[Coding Fonts](https://coding-fonts.css-tricks.com/)
[![Coding Fonts](https://wweb.dev/weekly/content/102/coding-fonts.jpg)](https://coding-fonts.css-tricks.com/)
A collection of coding fonts with infos about designers, character charts, features, and more.

______

##[Bangle.io](https://bangle.io/)
[![Bangle.io](https://wweb.dev/weekly/content/102/bangle.jpg)](https://bangle.io/)
A powerful note taking web app that works on top of your locally saved Markdown files. 

______

##[Icon Shelf](An icon manager for developers to have all icons in one place, easily copyable as code.)
[![Icon Shelf](https://wweb.dev/weekly/content/102/icon-shelf.jpg)](https://icon-shelf.github.io/)
An icon manager for developers to have all icons in one place, easily copyable as code.

______

##[GitHub repositories](https://twitter.com/denicmarko/status/1475803138498207746)
[![GitHub repositories](https://wweb.dev/weekly/content/102/github-repos.jpg)](https://twitter.com/denicmarko/status/1475803138498207746)
A nice Twitter thread with GitHub repositories to improve your programming skills.

______

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