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
Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.
Offload your store management to a worker easily.
Dead simple state management for React.
Transforms arrays into virtual dom trees.
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.
Automatically computes the optimal font size depending on the distance to the camera and the size of the renderer canvas.
Lightning Network Explorer
This is a simple lightning network explorer that uses LND as a source of network graph.
Horizontal parallax sliding slider with Swiper.js
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.
Fixer Free Font
Fixer, a simple and elegant geometrically design typeface with 7 weights to play with and layer up!