Weekly Web Design & Development News: Collective #133

by jQuery Script,

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

Multiple.js

An experiment in sharing background across multiple elements using CSS.

Multiple.js

[Demo] [Download]

Hover on Touch

This is a pure Javascript Plugin for an alternative hover function on mobile devices. It shows secondary information on »Taphold« and goes to a link on »Tap«.

Hover on Touch

[Demo] [Download]

autochecker

autochecker helps you test your JavaScript modules in many different versions of NodeJS, rapidly and without thinking about it.

autochecker

[Demo] [Download]

monod

Monod is a (relatively) secure and offline-first Markdown editor

monod

[Demo] [Download]

scrollbear

Scrollbear is a tool that maintains the container scroll position when images loaded. Scrollbear is suitable in blog platforms where exist many photos and images. When images loaded, the scroll position will jump and cause a unfriendly experience. Scrollbear will trace the container height and maintain the scroll position when the images loaded and container height change.

scrollbear

[Demo] [Download]

scrollWatcher

A small JavaScript library for scroll-based data-driven graphics (without any nasty scrolljacking). scrollWatcher sticks an element at a fixed position onscreen, and then provides the distance scrolled through its (much taller) parent as a percentage.

scrollWatcher

[Demo] [Download]

polygoat

polygoat is a tool to make functions support both callback and promise styles.

polygoat

[Demo] [Download]

mapquery

Mapquery is a map data storage and retrieval API built on Express and PostGIS. When you import a shapefile to Mapquery, you can export what you want from it quickly--along with sizing and positioning information to fit any viewport. And once your map data lives in Mapquery, you’ll never have to go looking for that shapefile again.

mapquery

[Download]

cssx

CSSX is not only about writing vanilla CSS in JavaScript. Even though you get this the main idea here is to have a good API for managing styles. CSSX doesn't inline styles so you keep your markup clean. It works directly with injected stylesheets.

cssx

[Demo] [Download]

sierra

The smallest and lightest scss library.

sierra

[Demo] [Download]

Flexbox Patterns

Patterns for using flexbox CSS to build awesome UI components.

Flexbox Patterns

[Demo] [Download]

mobx

MobX is a battle tested library that makes state management simple and scalable by transparently applying functional reactive programming (TFRP).

mobx

[Demo] [Download]

Little Creator - Free typeface

Free typeface Little Creator with uppercase and lowecase letters, numbers and basic characters.

Little Creator - Free typeface

[Download]

FADE APP UI KIT

Deep Blue, flat style UI kit for IOS or Andrid devices, but this kit specified for IOS 9 resolution. Hope you like it, and feel free to use your personal or commercial project too.

FADE APP UI KIT

[Download]