Weekly Web Design & Development News: Collective #165

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

svelte

The magical disappearing UI framework.

[Website]

premonish

Predict which DOM element a user will interact with next.

[Demo] [Download]

JSON-Splora

GUI for editing, visualizing, and manipulating JSON data.

[Download]

formbase

Better default styles for common input elements.

[Demo] [Download]

conversational-form

Turning web forms into conversations. Conversational Form is an open-source concept by SPACE10 to easily turn any form element on a web page into a conversational form interface. It features conversational replacement of all input elements, reusable variables from previous questions and complete customization and control over the styling.

[Demo] [Download]

input-masking

input-mask.js enables you to include a mask on any input where a specific data entry format is required. The placeholder text remains in place, displaying which characters still need to be included. The placeholder is CSS styleable.

[Demo] [Download]

aciimation.css

This is a library of pure CSS ASCII animations.

[Demo] [Download]

Base122

A space efficient UTF-8 binary-to-text encoding created as an alternative to base-64 in data URIs. Base-122 is ~14% smaller than equivalent base-64 encoded data.

[Download]

myGrid-framework

mygGrid.css Framework is a simple CSS grid system for designing adaptive web sites.

[Demo] [Download]

mcgriddle

McGriddle is a get-out-of-your-way Sass library designed to help you build based a grid system. Suports flexbox (the grid is based on floats, by default).

[Demo] [Download]

Bravey

Bravey is a simple JavaScript NLP-like library for conversational interfaces that can be used with Node.js or browser. It's built for help you on joining the conversational interfaces bandwagon, so it should be easy enough to use, integrate and understand, so you can spice up your bots or start creating your own.

[Demo] [Download]

elliptical

Interactive natural language parsing library in Javascript.

[Demo] [Download]

css-reference

A free visual guide to the most popular CSS properties.

[Demo] [Download]

Regex Hub

A collection of useful regex patterns.

[Demo] [Download]

cyclotron

A web platform for constructing dashboards.

[Demo] [Download]

Christmas Advent Icon Set

Freebie: Christmas Advent Icon Set (25 Icons, AI, EPS, SVG, PNG, PDF)

[Download]