Weekly Web Design & Development News: Collective #226

by jQueryScript,

Here's the 226th 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 #226

skema

Skema provides a handy & composable way to validate / transform / purify the input data.

skema

[Demo] [Download]

React Tunnels

Render React components in placeholders that are placed somewhere else in the component tree.

React Tunnels

[Demo] [Download]

greenlet

Move an async function into its own thread.

greenlet

[Download]

css_loading_animation

A "coding" animation made with pure css.

css_loading_animation

[Demo] [Download]

daycaca

A pure JavaScript library to handle image source via canvas.

daycaca

[Demo] [Download]

FloatSidebar.js

Lightweight (2kb gzipped), vanilla javascript plugin for making smart float sidebars.

FloatSidebar.js

[Demo] [Download]

iflow

Concise & powerful state management framework for Javascript.

iflow

[Demo] [Download]

expressCart

A fully functioning Node.js shopping cart with Stripe and PayPal payments.

expressCart

[Download]

lit-html

lit-html lets you write HTML templates with JavaScript template literals, and efficiently render and re-render those templates to DOM.

[Download]

karmatic

A simplified zero-configuration wrapper around KarmaWebpackJasmine & Puppeteer.

[Download]

Chamfer.js

Given any HTML element, use Chamfer.js to make it have chamfered borders/stroke and optionally a solid fill.

Chamfer.js

[Demo] [Download]

colorable

Take a set color palette and get contrast values for every possible combination – useful for finding safe color combinations with predefined colors and includes pass/fail scores for the WCAG accessibility guidelines.

colorable

[Demo] [Download]

topbar

Tiny & beautiful site-wide progress indicator.

topbar

[Demo] [Download]

filterous-2

Instagram-like photo manipulation library for Node.js and Javascript on browser.

filterous-2

[Demo] [Download]

Labelbox

A versatile labeling tool for machine learning. Simply upload or import your data, select a labeling interface, invite collaborators and start labeling.

Labelbox

[Download]

15 Best WordPress Security Plugins

15 Best WordPress Security Plugins To Protect Your WordPress Sites.

15 Best WordPress Security Plugins

[Download]

Google's Collapsing Parallax

Instagram-like photo manipulation library for Node.js and Javascript on browser.

Google's Collapsing Parallax

[Demo] [Download]

Outdoors Template

An implementation of Gil Huybrecht's “Outdoors” design project powered by layered CSS grids.

Outdoors Template

[Demo] [Download]

iOS 11 UI Kit for iPhone X

The most comprehensive iOS 11 UI Kit for Sketch

iOS 11 UI Kit for iPhone X

[Download]

Apalu Brush Script Font

Apalu Brush Script Font

[Download]