Weekly web development update #24
Tags: webdev, weekly
Published: 2020-05-06 05:37:23

Here's the weekly update - this time with 18 links:


______

##[Hero Generator](https://hero-generator.netlify.app/?utm_source=wweb.dev)
[![Hero Generator](https://s3-us-west-2.amazonaws.com/s.cdpn.io/28963/hero-og.png)](https://hero-generator.netlify.app/?utm_source=wweb.dev)
A cool generator for hero sections by Sarah Drasner.

______

##[Editly](https://github.com/mifi/editly?utm_source=wweb.dev)
[![Editly](https://wweb.dev/weekly/screenshots/editly.jpg)](https://github.com/mifi/editly?utm_source=wweb.dev)
A tool and framework for programmatically creating a video from a set of clips, images, and titles.

______

##[Lit](https://ajusa.github.io/lit/?utm_source=wweb.dev)
[![Lit](https://wweb.dev/weekly/screenshots/lit.jpg)](https://ajusa.github.io/lit/?utm_source=wweb.dev)
A small responsive css framework based on Skeleton.

______

##[Pantry](https://getpantry.cloud/?utm_source=wweb.dev)
[![Pantry](https://wweb.dev/weekly/screenshots/pantry.jpg)](https://getpantry.cloud/?utm_source=wweb.dev)
A free service that provides perishable data storage for small projects.

______

##[Stylestash](https://stylestash.dev/?utm_source=wweb.dev)
[![Stylestash](https://wweb.dev/weekly/screenshots/stylestash.jpg)](https://stylestash.dev/?utm_source=wweb.dev)
A browser plugin to inspect, edit, and save CSS styles on any web page.

______

##[Tara](https://tara.ai/?utm_source=wweb.dev)
[![Tara](https://tara.ai/static/og-image-19be414f8fdb4fe9142472e3bc2249ef.png)](https://tara.ai/?utm_source=wweb.dev)
A nice open-source alternative to Jira for managing your sprints.

______

##[1loc](https://1loc.dev/?utm_source=wweb.dev)
[![1loc](https://1loc.dev/assets/screenshot.png)](https://1loc.dev/?utm_source=wweb.dev)
A list of commonly used JavaScript one-liners for easy copying.

______

##[Next.js Tips](https://nextjstips.com/?utm_source=wweb.dev)
[![Next.js Tips](https://dl.airtable.com/.attachmentThumbnails/246556cc8e69e6dc0309dacfee0124f0/bc49d22f)](https://nextjstips.com/?utm_source=wweb.dev)
A collection of useful daily Next.js tips that will allow you to improve your skills.

______

##[What I wish I knew about React](https://bitsofco.de/what-i-wish-i-knew-about-react/?utm_source=wweb.dev)
[![What I wish I knew about React](https://wweb.dev/weekly/screenshots/what-i-wish-i-knew-about-react.jpg)](https://bitsofco.de/what-i-wish-i-knew-about-react/?utm_source=wweb.dev)
An article by Ire Aderinokun about some of the challenges she encountered while learning React.

______

##[actions-cli](https://github.com/remorses/actions-cli?utm_source=wweb.dev)
[![actions-cli](https://wweb.dev/weekly/screenshots/actions-cli.jpg)](https://github.com/remorses/actions-cli?utm_source=wweb.dev)
A tool to monitor your Github Actions from the command line.

______

##[Create a CSS only image gallery](https://lubna.dev/create-css-only-image-gallery/?utm_source=wweb.dev)
[![Create a CSS only image gallery](https://wweb.dev/weekly/screenshots/css-only-gallery.jpg)](https://lubna.dev/create-css-only-image-gallery/?utm_source=wweb.dev)
An article on creating an image gallery without the use of JavaScript.

______

##[Insomnia Designer](https://insomnia.rest/blog/introducing-designer?utm_source=wweb.dev)
[![Insomnia Designer](https://insomnia.rest/images/blog/designer-screens.png)](https://insomnia.rest/blog/introducing-designer?utm_source=wweb.dev)
A new open-source desktop application that provides a modern workflow for teams to design and collaborate on APIs.

______

##[Gooey Text Hover](https://tympanus.net/Development/GooeyTextHover/?utm_source=wweb.dev)
[![Gooey Text Hover](https://codropspz-tympanus.netdna-ssl.com/codrops/wp-content/uploads/2020/04/GooeyMenu_featured-1.jpg)](https://tympanus.net/Development/GooeyTextHover/?utm_source=wweb.dev)
A cool demo of morphing text effects on hover on Codrops.

______

##[SSH Tips & Tricks](https://smallstep.com/blog/ssh-tricks-and-tips/?utm_source=wweb.dev)
[![SSH Tips & Tricks](https://smallstep.com/uploads/ssh-tips-tricks-unfurl.png)](https://smallstep.com/blog/ssh-tricks-and-tips/?utm_source=wweb.dev)
Some good tips on how to use SSH more effectively.

______

##[Are you using SVG favicons yet?](https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df?utm_source=wweb.dev)
[![Are you using SVG favicons yet?](https://miro.medium.com/max/1400/1*8XMKp59Vm98aMa2iASL4yw.png)](https://medium.com/swlh/are-you-using-svg-favicons-yet-a-guide-for-modern-browsers-836a6aace3df?utm_source=wweb.dev)
A guide on how and why to use SVG favicons.

______

##[Responsive CSS Motion Path](https://css-irl.info/responsive-css-motion-path/?utm_source=wweb.dev)
[![Responsive CSS Motion Path](https://wweb.dev/weekly/screenshots/css-motion-path.jpg)](https://css-irl.info/responsive-css-motion-path/?utm_source=wweb.dev)
An article on different approaches how to make motion paths responsive.

______

##[10 open source SVG icon libraries](https://themesberg.com/blog/open-source/10-open-source-free-svg-icon-libraries?utm_source=wweb.dev)
[![10 open source SVG icon libraries](https://themesberg.s3.us-east-2.amazonaws.com/public/posts/10-open-source-svg-icon-libraries/10-open-source-icon-libraries.jpg)](https://themesberg.com/blog/open-source/10-open-source-free-svg-icon-libraries?utm_source=wweb.dev)
A list of SVG icon libraries discovered in a Reddit thread.

______

##[Creative Hover Effects](https://wweb.dev/resources/creative-hover-effects?utm_source=wweb.dev)
[![Creative Hover Effects](https://ik.imagekit.io/wwebdev/resources/hover-preview_eieplkIor.jpg)](https://wweb.dev/resources/creative-hover-effects?utm_source=wweb.dev)
A collection of six creative hover effects for your inspiration.

______


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