Weekly Web Design & Development News: Collective #77

by jQuery Script,

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

svidget

Svidget.js (SVG + widget) is a robust and powerful framework for building complex data visualization widgets in SVG.

svidget

[Demo] [Download]

Griddle

Griddle is a simple grid Component for use with React. It depends on underscore.js and React.

Griddle

[Demo] [Download]

offline-editor-js

Offline-editor-js is a set of JavaScript libraries for using the ArcGIS API for JavaScript offline. It uses browser-based storage to offer both lightweight editing and tile management capabilities while offline or intermittently offline. It's a work-in-progress so if you have suggestions open an issue or if you want to make a pull request we welcome your proposed modifications.

[Demo] [Download]

Halogen

Delightful and performance-focused pure css loading animations.

Halogen

[Demo] [Download]

loaders.css

Delightful and performance-focused pure css loading animations.

loaders.css

[Demo] [Download]

css progress indicator

A pure css progress indicator

css progress indicator

[Demo] [Download]

Parallax Mouse Interaction

Parallax Mouse Interaction

[Demo] [Download]

PatrolJS

PatrolJS helps your AI agents navigate around your world. It uses the A* and Funnel algorithms to calculate a path on a navigation mesh.

Parallax Mouse Interaction

[Demo] [Download]

Twitter-Post-Fetcher

Allows you to get your tweets displaying on your website using JavaScript, without using new Twitter 1.1 API.

Twitter-Post-Fetcher

[Demo] [Download]

dragscroll

Dragscroll is a tiny javascript library (410 bytes minified) which enables scrolling via holding the mouse button ("drag and drop" or "click and hold" style).

dragscroll

[Demo] [Download]

rwdgrid

rwdgrid is just another Grid system based on popular 960grid, which is responsive and ranges from mobile, tablet, laptops and wide screen displays.

rwdgrid

[Demo] [Download]

typographic

Typographic is responsive typography made easy. Pick a few font stacks, set a few settings, and you've got beautiful responsive typography - it's that easy.

typographic

[Demo] [Download]

Rebar

Rebar

Rebar is aimed to make responsive development more efficient and keep CSS organised. The idea is to setup a list of breakpoints and assign container or grid settings for each breakpoint at one time. It use padding for gutter, works the same way as Bootstrap 3 grid system does. So if you already familiar with Bootstrap, you will find Rebar is easy to use and far more flexible.

[Demo] [Download]

jtop

Jtop.js is a javascript library that uses SVG to let you build beautiful desktop-like user interfaces.

jtop

[Demo] [Download]

Krokow - Free Font

A new FREE simple handmade typeface family entitled Krokow, with both thin and bold variations, free for personal and commercial use.

Krokow - Free Font

[Download]

Badhead Typeface

A simple modal dialog with no external dependencies

Badhead Typeface

[Download]