Weekly Web Design & Development News: Collective #338
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
animockup
Progressively enhance image placeholders once they are in the viewport.
tabler-icons
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.
[Download]
text-to-handwriting
Text to Handwriting converter.
zoom-redirector
Zoom Redirector transparently redirects any meeting links to use Zoom's browser based web client.
[Download]
puddle.js
An ASCII/Node based fluid simulation library built with vanilla JS and CSS Grids.
gifcap
Create animated GIFs from a screen recording.
basis-image
Like <img> but supports .basis files using Web Component
bagdes
SVG badges displaying cases, deaths, and 24h changes.
portfolio-minimal
A minimal portfolio for developers who think their works speaks more than the porfolio websites.
ustyler
A minimalistic CSS style injector, usable either as function or as template literal tag.
[Download]
covid-dashboard
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 Custom Range Slider JavaScript Libraries
10 best JavaScript libraries (plugins) to replace, beautify, and enhance the default browser range slider (Input Range Object) with ease.
7 Best Loading/Progress Indicator Libraries For Vue.js
7 best components and JavaScript libraries for Vue.js applications to create awesome loading & progress indicators during HTTP requests, routing change, or all you want.
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
See the Pen 404 Page by Kasper De Bruyne (@kdbkapsere) on CodePen.
Parallax Horizontal Image Scroller
See the Pen Parallax Horizontal Image Scroller -- No JS! by TharenaMelishka (@TharenaMelishka) on CodePen.
Wave Motion Effect on an Image
Create a Wave Motion Effect on an Image with Three.js