Weekly Web Design & Development News: Collective #225

Here's the 225th 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.

css-gridish

Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.

css-gridish

[Demo] [Download]

micron.js

Micron.JS is a micro interaction library which can be used to add Interactions to different DOM Elements. Micron.JS animates an element using CSS power and the interactive behaviours are controlled by JavaScript.

micron.js

[Demo] [Download]

stockroom

Offload your store management to a worker easily.

stockroom

[Demo] [Download]

undux

Dead simple state management for React.

undux

[Download]

toastedjs

Javascript Toast Plugin - Beautiful, Easy, Responsive and Touch Compatible.

toastedjs

[Demo] [Download]

ijk

Transforms arrays into virtual dom trees.

ijk

[Download]

Column Setter

Column Setter is a Sass tool that lets you easily set up a custom responsive grid for your website and build a float- or flexbox-based layout that aligns to it. It uses one simple function and a small handful of optional mixins to generate CSS percentage widths based on your settings. And for the most part, it leaves the structure of your HTML and CSS entirely up to you.

Column Setter

[Demo] [Download]

THREE.TextSprite

Automatically computes the optimal font size depending on the distance to the camera and the size of the renderer canvas.

THREE.TextSprite

[Demo] [Download]

demandjs

A javascript library for managing website resources, loading them on-demand as they are scrolled into view.

demandjs

[Demo] [Download]

Lightning Network Explorer

This is a simple lightning network explorer that uses LND as a source of network graph. 

Lightning Network Explorer

[Demo] [Download]

reshape

Reshape is a tool for transforming HTML with JavaScript plugins. Reshape parses input HTML into an abstract syntax tree (AST). Plugins receive the AST, can transform it as they wish, and return it to be passed to the next plugin. When all plugins have finished, reshape transforms the AST into a JavaScript function which, when called, will produce a string of HTML.

reshape

[Demo] [Download]

avocado

avocado is a command line tool (similar to svgo) that optimizes Android VectorDrawable (VD) and AnimatedVectorDrawable (AVD) xml files.

avocado

[Download]

Horizontal parallax sliding slider with Swiper.js

Horizontal parallax sliding slider with Swiper.js

[Demo] [Download]

kuker

The extension provides a slick UI for monitoring events happening in your app. It shows you how this events change the state of your application. It works with React, Angular, Vue, Redux, redux-saga and more.

kuker

[Download]

Fixer Free Font

Fixer, a simple and elegant geometrically design typeface with 7 weights to play with and layer up!

Fixer Free Font

[Download]

  • Publication date: 29.01.2018
  • Source