Weekly Web Design & Development News: Collective #389
Here's the 389th 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 #389
console-ban
A JavaScript library that can be used to protect your site against malicious crawlers and attacks by rewriting or redirecting your site when visitors try to open the browser’s devtool (F12).
vajra
Vajra is an automated web hacking framework to automate boring recon tasks and same scans for multiple target during web applications penetration testing. Vajra has highly customizable target scope based scan feature. Instead of running all the scan on target, it runs only those scan selected by you which will minimize unnecessary traffic and stores output in one place at CouchDB. None of the scan will work in demo website. Username: root password: toor.
moovie.js
Media player made for movies.
Aladino
Aladino is a tiny (around ~5kb gzipped) and dependency-free javascript library that allows to enhance your site using "shader effects". The library is using WebGL1 and has progressive enhancement and accessibility in mind.
tailwind-cards
A growing collection of text/image cards you can use/copy-paste in your tailwind css projects. Some of these cards have animated hover effects.
platform-colors
Generate platform native colors for iOS, Android & Web.
[Download]
necktie
Necktie is a library that binds your logic to the Document Object Model elements in an easy way. It has only ~3kB (UMD, minified).
svgj
svgj quickly converts .svg files into jsx. svgj is about 40x faster than svgr, depending on how you measure (benchmarks at bottom).
[Download]
xterm256-color-picker
Online color picker for terminal 256 color palette. Examples for shell prompt, vim, term/xterm.
vue-use-gesture
Vue UseGesture is a hook that lets you bind richer mouse and touch events to any component or view. With the data you receive, it becomes trivial to set up gestures, and often takes no more than a few lines of code.
vanilla-folding-carousel
Vanilla JS scroller with folding images.
conic.css
Nice, simple conic gradients.
Simple Text Annotations
A zero-dependency JavaScript library for annotating text within your document using the normal button element.
Pure CSS Glitch Experiment
See the Pen Pure CSS Glitch Experiment (Twitch Intro WIP) by Elisabeth Diang (@elisabethdiang) on CodePen.
Simple SVG Blob Editor
See the Pen A Simple SVG Blob Editor [GSAP] by George Francis (@georgedoescode) on CodePen.
Papercopy Noise Texture Pack
[Download]