Weekly Web Design & Development News: Collective #218

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

iota

A responsive micro-framework for the grid spec powered by CSS custom properties.

iota

[Demo] [Download]

normalize.email.css

It's just a little css library for best default email compatibility. You can use it with your favourite email framework and self-coded templates.

normalize.email.css

[Demo] [Download]

superstruct

Superstruct makes it easy to define interfaces and then validate JavaScript data against them. Its type annotation API was inspired by Typescript, Flow, Go, and GraphQL, giving it a familiar and easy to understand API.

superstruct

[Demo] [Download]

parcel

Blazing fast, zero configuration web application bundler.

parcel

[Demo] [Download]

LogonTracer

Investigate malicious Windows logon by visualizing and analyzing Windows event log.

LogonTracer

[Download]

SVG Circular Slider

SVG Circular Slider

[Demo] [Download]

MiniMasonry.js

MiniMasonry is a lightweight (1kb Gzipped) dependancy free Masonry layout. It will compute elements position in Javascript and update their positions using css's transform attribute. This means positioning does not trigger browser layout and use the device's GPU. This also allow css animation during element positionning.

MiniMasonry.js

[Demo] [Download]

Direction Reveal

This plugin detects which direction a user enters/exits a block, allowing you to reveal/hide content based on this direction. The hidden content can animate in from the direction the user enters and animate out the direction the user leaves, allowing you to create interesting animation effects.

Direction Reveal

[Demo] [Download]

moon

A minimal, blazing fast UI library.

moon

[Demo] [Download]

clarifyJs

ClarifyJs allows you to easily create chained methods that can be executed in any order you want.

[Download]

Image loading effects

Image loading effects

[Demo] [Download]

taggle.js

Form-ready dependency-less tagging system.

taggle.js

[Demo] [Download]

Creative SVG Strokes Animation

A creative strokes animation of a bike illustration powered by SVG and GSAP.

Creative SVG Strokes Animation

[Demo] [Download]

Hansief Typeface

This typeface is bold Sans Serif in simple modern-vintage shape. Comes with 2 styles which is Regular and Rough.

Hansief Typeface

[Download]

  • Publication date: 11.12.2017
  • Source