Weekly Web Design & Development News: Collective #463
Here's the 463rd 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 #463
loading-disco
An alternative to the loading spinner.
kNow
With kNow (pronounced "now"—the k's silent), JavaScript event management has never been more intuitive—or lighter-weight. Want to append custom actions to functions on-the-fly? To use awaitable timers to pause and resume execution at any time? To create large numbers of listeners without worrying about performance degradation? If so, you want kNow.
[Download]
Scroll based image pin/grow animation
A tiny JavaScript snippet that pins and zooms images while scrolling. Based on the GSAP Animation library and its ScrollTrigger plugin.
has-shape
Very tiny (~200B before minification/compression) function that checks if an object/array/value is shaped like another, with TypeScript type refining.
[Download]
Card Like Expanding Menu With JavaScript And CSS/CSS3
A card-style expandable & collapsible fullscreen navigation menu made with JavaScript and CSS/CSS3.
Remult
Remult is a full-stack CRUD framework that uses your TypeScript entities as a single source of truth for your API, frontend type-safe API client and backend ORM.
Lieu
A tiny i18n JavaScript library that helps you translate strings on your website using simple JavaScript API.
better-scripts
A better way to organize your npm scripts.
[Download]
Life.JS
Life.JS is a web 2D Pure, Extensible and Animated JavaScript Game Engine written in Pure JavaScript.
BlueHound
An open-source tool that helps blue teams pinpoint the security issues that actually matter. By combining information about user permissions, network access and unpatched vulnerabilities, BlueHound reveals the paths attackers would take if they were inside your network.
[Download]
shrike-extension
A browser extension to run a shell command with dynamic arguments and the current tab URL. The extension requires a Go webserver to execute a shell command with the provided arguments and URL.
[Download]
chrome_password.js
Get username & password from Chrome.
[Download]
Intelligent Mouse Trailer
See the Pen Intelligent Mouse Trailer by Hyperplexed (@Hyperplexed) on CodePen.
Corner only with cool hover effect
See the Pen Corner only with cool hover effect by Temani Afif (@t_afif) on CodePen.
Custom Tooltip
See the Pen Custom Tooltip by Adir (@Adir-SL) on CodePen.
6 Best Stepper (Form Wizard) Components For Vue.js Apps
6 best and open source stepper components for Vue.js, which are useful for creating finite-state branching forms, where a user can make a choice during interactions with your application, and the flow of navigation changes accordingly.
[Download]
7 Best Free PDF Viewer & Embed Plugins For WordPress
A list of 7 best and free WordPress plugins for viewing and embedding PDF files in your websites and blogs.
dog-font
[Download]
Gantari Font
A simple scroll effect and page transition.
[Download]
Glowing eCommerce Website Template
Responsive Gym Website Design Using HTML CSS & JavaScript.
[Download]
Fullscreen Scrolling Slideshow
A fullscreen scroll-based slideshow with a content view powered by GreenSock's Observer plugin.