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.
Web Design & Development News: Collective #225
css-gridish
Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.
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.
stockroom
Offload your store management to a worker easily.
undux
Dead simple state management for React.
[Download]
toastedjs
Javascript Toast Plugin - Beautiful, Easy, Responsive and Touch Compatible.
ijk
Transforms arrays into virtual dom trees.
[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.
THREE.TextSprite
Automatically computes the optimal font size depending on the distance to the camera and the size of the renderer canvas.
demandjs
A javascript library for managing website resources, loading them on-demand as they are scrolled into view.
Lightning Network Explorer
This is a simple lightning network explorer that uses LND as a source of network graph.
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.
avocado
avocado is a command line tool (similar to svgo) that optimizes Android VectorDrawable (VD) and AnimatedVectorDrawable (AVD) xml files.
[Download]
Horizontal parallax sliding slider with Swiper.js
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.
[Download]
Fixer Free Font
Fixer, a simple and elegant geometrically design typeface with 7 weights to play with and layer up!
[Download]
