Weekly Web Design & Development News: Collective #320
Here's the 320th 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 #320
unillax
Unillax is a JavaScript library for websites that adds universal parallax effects to any element. Unillax can handle background and foreground effects with any standard HTML elements, making it universal and easy to implement for many projects.
canvg
JavaScript SVG parser and renderer on Canvas. It takes the URL to the SVG file or the text of the SVG file, parses it in JavaScript and renders the result on Canvas.
react-shortcuts-hook
A zero-dependencies, lightweight hook for capturing keyboard shortcuts in components.
[Download]
styled.css
Extract css from *.style.js files.
ScrollSpy.js
ScrollSpy is a pure, lightweight Javascript library which allows you detecting Elements enter/exit from the viewport and a built-in support for creating indicator for your elements.
hackers-tiny-slide-deck
Turn a Markdown document into a slide deck quickly.
passprotect-js
PassProtect is a developer library that you can drop into any web page which dramatically improves the security of users accessing your website.
cart-localstorage
Super simple JavaScript shopping cart library. This micro library utilizes the browser's localStorage to create a persistent shopping cart instance.
SVGAnimFrames
SVG frame by frame animation with 1 line of Javascript!
Direction-aware shadow with ES6
Direction-aware box shadow effect with ES6.
5 Best Image Cropper Components For Vue.js
5 best Vue.js components we found around the web that help you create image cropping tools on modern web applications.
7 Best Free Realistic Envelope Mockups
7 best, full free, photo-realistic, easy-to-customize envelope mockups that let graphic designers easily present their creative works in a professional way.
Open source illustrations kit
100 awesome illustrations for landing pages, mobile app or presentations.
[Download]
High-speed Light Trails in Three.js
A creative coding exploration into how to recreate a high-speed lights effect in real-time using Three.js.
[Download]