Weekly Web Design & Development News: Collective #191

by jQuery Script,

Here's the 191st 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 #191

Feather

Simply beautiful open source icons.

Feather

[Demo] [Download]

Chromatism

A simple set of utility functions for colours.

Chromatism

[Download]

literallycanvas

Literally Canvas is an extensible, open source (BSD-licensed), HTML5 drawing widget.

literallycanvas

[Demo] [Download]

escape-goat

Escape a string for use in HTML or the inverse.

escape-goat

[Download]

skimr

The goal of skimr is to provide a frictionless approach to dealing with summary statistics iteratively and interactively as part of a pipeline, and that conforms to the principle of least surprise.

skimr

[Download]

Lazy Load Images

Lazy load images by initially loading a low res version and then replacing it with a higher res version once the page is done loading.

Lazy Load Images

[Demo] [Download]

JustDeleteMe

A directory of direct links to delete your account from web services.

JustDeleteMe

[Download]

tad

Tad is a desktop application for viewing and analyzing tabular data such as CSV files.

tad

[Demo] [Download]

css-spinner

A collection of small, elegant pure css spinners for website ajax and loading animation. All required HTML and CSS are in a single file for every single spinner, and there is no external dependency.

css-spinner

[Demo] [Download]

debugout.js

(debug output) generates a text file from your logs that can be searched, timestamped, downloaded and more.

debugout.js

[Demo] [Download]

pix2code

Generating Code from a Graphical User Interface Screenshot.

pix2code

[Demo] [Download]

Synopsis

Agitodo is a cross-platform To-Do list / Calendar application. The core application is developed in JavaScript (jQuery Mobile) and can be build as a web (Node.js), mobile (Android-Webview), or desktop (Windows/macOS/Linux Qt-Webview) application. Protecting user's privacy is built-in to the application - data are stored encrypted in HTML5 localStorage and can be optionally saved (encrypted) in Dropbox/Google Drive/hubiC. Cloud storage services can also be used to synchronize user's data between on all platforms. Furthermore, the application integrates with Gmail for emailing tasks.

Synopsis

[Download]

react-live

React Live brings you the ability to render React components and present the user with editable source code and live preview. It supports server-side rendering and comes in a tiny bundle, thanks to Bublé and a Prism.js-based editor.

react-live

[Demo] [Download]

DOMtastic

Small, fast, and modular DOM & Event library for modern browsers.

[Demo] [Download]

Playful Little Tooltip Ideas

Some little ideas for bouncy and playful tooltip shapes and animations with SVG and anime.js. Among other styles, we use shape morphing and transform.

Playful Little Tooltip Ideas

[Demo] [Download]

Youth Culture Free Typeface

Youth Culture Free Typeface

[Download]