Weekly Web Design & Development News: Collective #173

by jQuery Script,

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

Illustrated Algorithms

Algorithm → AST → CSS (3 x JavaScript)

Illustrated Algorithms

[Demo] [Download]

tlapse

A tiny utility that takes periodic screenshots of your site while you develop.

tlapse

[Download]

Pure CSS Diagonal Separators

Ultimate Guide to Non-Rectangular Headers

Pure CSS Diagonal Separators

[Demo] [Download]

flexbin

Flexible and gapless image gallery layout like Google Images and 500px.com.

flexbin

[Demo] [Download]

marko

Marko is a really fast and lightweight UI component building library from eBay. Marko runs on Node.js and in the browser and it supports streaming, async rendering and custom tags. UI components compiled to readable CommonJS modules.

marko

[Demo] [Download]

native-toast

Native-like toast notification but for the web. (JS + CSS ≈ 4KB)

native-toast

[Demo] [Download]

graaf

A collection of pure CSS grids for designing your new projects

graaf

[Demo] [Download]

ChuckCSS

ChuckCSS is a mobile-first, responsive CSS framework based on Flexbox grids compiled with LESS and Autoprefixer.

ChuckCSS

[Demo] [Download]

dredd

Dredd is a language-agnostic command-line tool for validating API description document against backend implementation of the API.

dredd

[Demo] [Download]

object-fit-images

Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, ...

object-fit-images

[Demo] [Download]

perf.rocks

Web performance matters. Find resources that help you build lightning fast websites.

[View]

SHKODER 1989 FREE TYPEFACE

object-fit-images

[Download]