Here's the 338th Weekly Web Design & Development Collective that aims to introduce fresh new, trendy and easy-to-use web design & development resources (freebies, codes, graphics, tools, inspiration, etc) from the past week. Have fun with it and remember to share with your friends.
Web Design & Development News: Collective #338
Progressively enhance image placeholders once they are in the viewport.
A set of over 350 free MIT-licensed high-quality SVG icons for you to use in your web projects. Each icon is designed on a 24x24 grid and a 2px stroke.
Text to Handwriting converter.
Zoom Redirector transparently redirects any meeting links to use Zoom's browser based web client.
An ASCII/Node based fluid simulation library built with vanilla JS and CSS Grids.
Create animated GIFs from a screen recording.
Like <img> but supports .basis files using Web Component
SVG badges displaying cases, deaths, and 24h changes.
A minimal portfolio for developers who think their works speaks more than the porfolio websites.
A minimalistic CSS style injector, usable either as function or as template literal tag.
A multithreading Dashboard showing countries affected by COVID-19.
Social distancing simulator
This simulator allows you to interactively explore the effects of social distancing on the spread of any contagious disease. Each circle represents a person who can be either healthy (white), immune (yellow), infected (red), or deceased (gray). A healthy person is infected when they collide with an infected person. After a period of infection, a person either dies or become permanently immune.
7 Best Loading/Progress Indicator Libraries For Vue.js
7 Best Coronavirus Disease (COVID-19) Plugins For WordPress Website
A special list that will help you insert COVID-19 information (confirmed cases, deaths, recovered patients) into your WordPress website
Creative 404 Page
Parallax Horizontal Image Scroller
Wave Motion Effect on an Image
Create a Wave Motion Effect on an Image with Three.js