Weekly web development update #57
Tags: webdev, weekly
Published: 2021-01-13 07:59:08

The weekly is back after a small holiday break :)


______

##[Write code. Not too much. Mostly functions.](https://www.brandonsmith.ninja/blog/write-code-not-too-much-mostly-functions)
[![Write code. Not too much. Mostly functions.](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/write-code.jpg)](https://www.brandonsmith.ninja/blog/write-code-not-too-much-mostly-functions)
A nice small read about writing code by Brandon Smith.

______

##[Hotwire](https://hotwire.dev/)
[![Hotwire](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/hotwire.jpg)](https://hotwire.dev/)
An alternative approach to building modern web applications by sending HTML instead of JSON.

______

##[AnimXYZ](https://animxyz.com/)
[![AnimXYZ](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/animxyz.jpg)](https://animxyz.com/)
A library that helps you create, customize, and compose animations for your website.

______

##[10 KB Club](https://10kbclub.com/)
[![10 KB Club](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/10kb.jpg)](https://10kbclub.com/)
A curated collection of websites whose home pages do not exceed 10 KB compressed size.

______

##[Pattern Generator](https://doodad.dev/pattern-generator/)
[![Pattern Generator](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/doodad.jpg)](https://doodad.dev/pattern-generator/)
A generator for seamless, unique, royalty-free patterns, which are exportable as SVG, JPEG, or PNG.

______

##[Scale](https://2.flexiple.com/scale/all-illustrations)
[![Scale](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/scale.jpg)](https://2.flexiple.com/scale/all-illustrations)
A list of customizable high-quality, open-source illustrations, which gets updated every day.

______

##[Tailwind-kit](https://www.tailwind-kit.com/)
[![Tailwind-kit](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/tailwind-kit.jpg)](https://www.tailwind-kit.com/)
A collection of over 200 CSS responsive components, based on Tailwind CSS 2.0 and Font Awesome.

______

##[Khushmeen](https://khushmeen.com/)
[![Khushmeen](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/khushmeen.jpg)](https://khushmeen.com/)
A bunch of nice illustrations.

______

##[tailwindshades](https://www.tailwindshades.com/)
[![tailwindshades](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/tailwindshades.jpg)](https://www.tailwindshades.com/)
A tool to help generate color shades for Tailwind CSS.

______

##[Search Engine Optimization Checklist](https://www.smashingmagazine.com/search-engine-optimization-checklist/)
[![Search Engine Optimization Checklist](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/search-engine-optimization-checklist.jpg)](https://www.smashingmagazine.com/search-engine-optimization-checklist/)
A nice checklist for implementing the best SEO practices.

______

##[The Complete CSS Flex Tutorial](https://semicolon.dev/tutorial/css/complete-css-flex-tutorial)
[![The Complete CSS Flex Tutorial](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/css-flex-tutorial.jpg)](https://semicolon.dev/tutorial/css/complete-css-flex-tutorial)
A good tutorial for getting started with CSS Flex.

______

##[The React Cheatsheet for 2021](https://www.freecodecamp.org/news/react-cheatsheet-with-real-world-examples/)
[![The React Cheatsheet for 2021](https://wwebdev-images.s3.eu-central-1.amazonaws.com/content/weekly/57/the-react-cheatsheet-for-2021.jpg)](https://www.freecodecamp.org/news/react-cheatsheet-with-real-world-examples/)
A comprehensive visual cheatsheet of all the major concepts and features of the React library in 2021.

______

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