Weekly Web Design & Development News: Collective #250

by jQueryScript,

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.

v8n

[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.

rogue.js

[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.

Road Orientations Map

[Demo] [Download]

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.

Term Sheets

[Demo] [Download]

guppy

A friendly application manager and task runner for React.js.

guppy

[Download]

TimelineExtension

A web extension that integrates Windows Timeline support into popular browsers.

TimelineExtension

[Download]

Isometric eCommerce CSSGrid

Responsive eCommerce layout using CSS Grid

Isometric eCommerce CSSGrid

[Demo] [Download]

Gliding Gallery

Simple Image Slider Transitions.

Gliding Gallery

[Demo] [Download]

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.

ramd.js

[Demo] [Download]

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.

fossurl

[Demo] [Download]

simple-keyboard

Javascript On-screen Virtual Keyboard - Customizable, responsive and lightweight.

simple-keyboard

[Demo] [Download]

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.

rfs

[Download]

fast-check

Property based testing framework for JavaScript (like QuickCheck) written in TypeScript.

fast-check

[Download]

JMenu

A simple responsive CSS Menu library. JMenu requires no Javascript and it's easy to customize.

JMenu

[Demo] [Download]

tui.image-editor

Full featured image editor using HTML5 Canvas. It's easy to use and provides powerful filters.

tui.image-editor

[Demo] [Download]

10 Essential WordPress Plugins For WooCommerce

10 Essential Wordpress WooCommerce Plugins For Online Stores.

10 Essential WordPress Plugins For WooCommerce

[Download]

shards-dashboard

A beautiful Bootstrap 4 admin dashboard templates pack.

shards-dashboard

[Demo] [Download]

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.

Bacotu Free Typeface

[Download]