Weekly web development update #27
Tags: webdev, weekly
Published: 2020-05-27 05:28:20

Here's the weekly update from the 27th of May

______

##[Norde Source](https://norde.io/?utm_source=wweb.dev)
[![Norde Source](https://norde.io/assets/images/norde-source-screenshot.png)](https://norde.io/?utm_source=wweb.dev)
An SVG Icon manager and editor for easily customizing entire icon sets.

______

##[Appy Dev](https://appy-dev.netlify.app/?utm_source=wweb.dev)
[![Appy Dev](https://appy-dev.netlify.com/appy-dev.png)](https://appy-dev.netlify.app/?utm_source=wweb.dev)
A directory of tools, utilities, apps, resources.

______

##[Keyframes](https://keyframes.app/?utm_source=wweb.dev)
[![Keyframes](https://keyframes.app/img/meta/facebook.png)](https://keyframes.app/?utm_source=wweb.dev)
Create basic or complex CSS @keyframe animations with a visual timeline editor.

______

##[SEO Cheat Sheet](https://9elements.com/seo-cheat-sheet/?utm_source=wweb.dev)
[![SEO Cheat Sheet](https://9elements.com/seo-cheat-sheet/src/img/seo-cheat-sheet.png)](https://9elements.com/seo-cheat-sheet/?utm_source=wweb.dev)
A cheat sheet for the technical side of On-Page SEO, which includes sorted list of best practices.

______

##[Marketing for Engineers](https://github.com/LisaDziuba/Marketing-for-Engineers?utm_source=wweb.dev)
[![Marketing for Engineers](https://raw.githubusercontent.com/LisaDziuba/Marketing-for-Engineers/master/cover-marketing-for-engineers.png)](https://github.com/LisaDziuba/Marketing-for-Engineers?utm_source=wweb.dev)
A hand-picked collection of resources for solving practical marketing tasks.

______

##[Quickref](https://quickref.dev/?utm_source=wweb.dev)
[![Quickref](https://wweb.dev/weekly/screenshots/quickref.jpg)](https://quickref.dev/?utm_source=wweb.dev)
Experimental search engine for developers, which searches official docs and community-driven sources.

______

##[UI Components](https://www.niceverynice.com/components?utm_source=wweb.dev)
[![UI Components](https://uploads-ssl.webflow.com/5e3dd98fa321e183b10bb7b3/5ec84cfda489f57d2758d118_components-page-social-thumb.jpg)](https://www.niceverynice.com/components?utm_source=wweb.dev)
A collection of ui/ux design components, patterns, examples and inspiration.

______

##[Complete Guide to CSS Functions ](https://css-tricks.com/complete-guide-to-css-functions/?utm_source=wweb.dev)
[![Complete Guide to CSS Functions ](https://css-tricks.com/wp-content/uploads/2020/05/calc-functions.png)](https://css-tricks.com/complete-guide-to-css-functions/?utm_source=wweb.dev)
A really good guide on all the functions that can be used in CSS

______

##[spinners-react](https://github.com/adexin/spinners-react?utm_source=wweb.dev)
[![spinners-react](https://adexin.github.io/spinners/share.png)](https://github.com/adexin/spinners-react?utm_source=wweb.dev)
Lightweight SVG/CSS spinners for React.

______

##[Runme](https://runme.io/?utm_source=wweb.dev)
[![Runme](https://wweb.dev/weekly/screenshots/runme.jpg)](https://runme.io/?utm_source=wweb.dev)
A tool to run your application from any public Git-repo.

______

##[React Shimmer](https://github.com/gokcan/react-shimmer?utm_source=wweb.dev)
[![React Shimmer](https://camo.githubusercontent.com/26b5a0815731fc9d282a9299af0f922567232e15/68747470733a2f2f63646e2e7261776769742e636f6d2f676f6b63616e2f72656163742d7368696d6d65722f6d61737465722f6d656469612f6865616465722e706e67)](https://github.com/gokcan/react-shimmer?utm_source=wweb.dev)
A Suspense-like <img> component that simulates a shimmer effect while loading.

______

##[Linux Productivity Tools](https://www.usenix.org/sites/default/files/conference/protected-files/lisa19_maheshwari.pdf?utm_source=wweb.dev)
[![Linux Productivity Tools](https://wweb.dev/weekly/screenshots/linux-productivity-tools.jpg)](https://www.usenix.org/sites/default/files/conference/protected-files/lisa19_maheshwari.pdf?utm_source=wweb.dev)
A 89 page .pdf about building powerful command-lines in Linux

______

##[ChartS.css](https://rbitr.github.io/ChartS.css/?utm_source=wweb.dev)
[![ChartS.css](https://wweb.dev/weekly/screenshots/charts-css.jpg)](https://rbitr.github.io/ChartS.css/?utm_source=wweb.dev)
Accessible html/css charts with markdown support

______

##[Learning to Be a Tech Lead](https://www.chris-saylor.com/posts/learning-to-be-a-tech-lead/?utm_source=wweb.dev)
[![Learning to Be a Tech Lead](https://www.chris-saylor.com/posts/learning-to-be-a-tech-lead/featuredImage_hue90f09b1b5b396c1a3552cbce9f2e39d_30118_700x395_fit_q75_nearestneighbor.jpg)](https://www.chris-saylor.com/posts/learning-to-be-a-tech-lead/?utm_source=wweb.dev)
A nice read by Chris Saylor about his transition to a lead engineer.

______

##[LaTeX.css](https://latex.now.sh/?utm_source=wweb.dev)
[![LaTeX.css](https://wweb.dev/weekly/screenshots/latex-css.jpg)](https://latex.now.sh/?utm_source=wweb.dev)
An almost class-less CSS library turns your HTML document into a website that looks like a LaTeX document

______

##[Generate Social Media Images Using Cloudinary](https://github.com/jlengstorf/get-share-image/blob/master/README.md?utm_source=wweb.dev)
[![Generate Social Media Images Using Cloudinary](https://wweb.dev/weekly/screenshots/get-share-image.jpg)](https://github.com/jlengstorf/get-share-image/blob/master/README.md?utm_source=wweb.dev)
An utility function that builds social media images by overlaying a title and tagline over an image using Cloudinary’s APIs.

______


##[JavaScript Array Functions CheatSheet](https://wweb.dev/resources/js-array-functions-cheatsheet?utm_source=wweb.dev)
[![JavaScript Array Functions CheatSheet](https://ik.imagekit.io/wwebdev/resources/js-array-cheatsheet_hkOub1T9s.png)](https://wweb.dev/resources/js-array-functions-cheatsheet?utm_source=wweb.dev)
A CheatSheet to quickly find all functions that can be executed on a JavaScript Array.

______

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