Weekly Web Design & Development News: Collective #250
Here's the 250th 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 #250
v8n
JavaScript fluent validation library.
[Download]
rogue.js
Rogue.js - a nearly invisible framework for creating server-rendered React applications.
With Rogue, the server rendering configuration will be nearly invisible to you. You don't need a special /pages directory (like Nextjs) or a separate routes.js file (like Afterjs). All you need is the App.js entry point you'd usually have. This means that you can wrap your app in layouts/transitions/providers, etc. the same way you would in a regular React Application, and staying true to React's values, you can organize your code however you like.
[Download]
Road Orientations Map
A visualization of road orientations for the current map view. Explore the map to see the chart for your city!
Divides 360° into 64 bins and accumulates lengths of road segments with corresponding orientations, then plots the distribution as a polar chart. Two-way roads are counted for both directions.
Term Sheets
Term sheets is a JavaScript app to produce terminal typing and output animations for embedding in presentations, readmes, tweets, etc. Other solutions usually involve recording a live screen. I wanted a way to simply provide a payload of instructions so I didn't have to rehearse my typing and wait for network output, as well as style it to look nice.
guppy
A friendly application manager and task runner for React.js.
[Download]
TimelineExtension
A web extension that integrates Windows Timeline support into popular browsers.
[Download]
Isometric eCommerce CSSGrid
Responsive eCommerce layout using CSS Grid
Gliding Gallery
Simple Image Slider Transitions.
ramd.js
RAMD or Render - Add - Modify - Delete is minimal 0.65 kb library for making simple list projects. Everything is based on the "simplified virtual DOM" that is basically JavaScript Object listing the essential element properties. This Object acts like internal DB that can be stored locally or send to the server. The importance of the "virtualdom" vs DOM is not about the speed but rather ease of use and storage.
fossurl
Your Own Url Shortner Without any fancy server side processing and support for custom url[beta] , which can even be hosted on GitHub Pages.
simple-keyboard
Javascript On-screen Virtual Keyboard - Customizable, responsive and lightweight.
rfs
RFS (abbreviation for responsive font size) is an algorithm which automatically calculates the appropriate font size based on the dimensions of the monitor or device.
[Download]
fast-check
Property based testing framework for JavaScript (like QuickCheck) written in TypeScript.
[Download]
JMenu
A simple responsive CSS Menu library. JMenu requires no Javascript and it's easy to customize.
tui.image-editor
Full featured image editor using HTML5 Canvas. It's easy to use and provides powerful filters.
10 Essential WordPress Plugins For WooCommerce
10 Essential Wordpress WooCommerce Plugins For Online Stores.
[Download]
shards-dashboard
A beautiful Bootstrap 4 admin dashboard templates pack.
Bacotu Free Typeface
Bacotu is a display typeface inspired by chessboard of Chinese Chess. It's light stroke, square and rounded. Perfectly suited for short paragraph, logo, poster and any display use. Bacotu has supported for Vietnamese and many other Latin languages.
[Download]