Weekly Web Design & Development News: Collective #74

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

fuzzysearch

Fuzzy searching allows for flexibly matching a string with partial input, useful for filtering data very quickly based on lightweight user input.

[Demo] [Download]

InfoBubble

A Google Maps JavaScript API v3 library to create customizable CSS3-based InfoWindows. It supports tabbed content and uses CSS3 for rounded corners, drop shadows, and animations. Analytics

[Demo] [Download]

ftcolumnflow

FTColumnflow is a polyfill that fixes the inadequacies of CSS column layouts.

[Demo] [Download]

Pure CSS Modal Popup

Using the ol' label, checkbox trick to launch a modal window. All CSS. No JavaScript required. Now fully accessible..

[Demo] [Download]

iFrameAutoSize

A JavaScript library used to create auto sizing iFrames, even if they are served from a different domains

[Demo] [Download]

Material Refresh

Google Material Design swipe(pull) to refresh by using JavaScript and CSS3.

[Demo] [Download]

slideout

A touch slideout navigation menu for your mobile web apps.

[Demo] [Download]

localFont

Implement localStorage web font caching in seconds.

[Demo] [Download]

Baobab

Baobab is a JavaScript data tree supporting cursors and enabling developers to easily navigate and monitor nested data.

[Demo] [Download]

titip

Titip is free and open source pure css based tooltip. it work on IE9+ and all other modern browsers. Titip has 8 placement options, 6 theme options and 12 animation effect options which based on effect.css.

[Demo] [Download]

timesheet.js

JavaScript library for HTML5 & CSS3 time sheets

[Demo] [Download]

PykCharts.js

Well designed d3.js charting without the complexity of d3.js! 26+ well-designed, themeable, responsive, real-time and easy to use charts and 109+ maps.

[Demo] [Download]

jswheel

VANILLA Javascript lib that creates a wheel-type menu.

[Demo] [Download]

gitgraph.js

A JavaScript library to draw pretty git graphs in the browser.

[Demo] [Download]

CSS Menu Animations

[Demo]

Pure CSS Parallax Websites

This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

[Demo] [Download]

flat-ui-colors

A badass collection of colors for flat UIs and Material Design.

[Demo] [Download]

Ionic-Material

Seamless Material Design theme for Ionic.

[Demo] [Download]

SVG devices

READY-TO-USE. PSD, AI & SVG FILES. FLAT & REAL. iPhone 4, iPhone 4S, iPhone 5, iPhone 5C, iPhone 5S, iPad Mini, iPad Air, Macbook Air, Macbook Pro, iMac 27, HTC One, Nexus 5, Nexus 7, Nexus 10, Nokia Lumia, Samsung S4, Samsung S5, Samsung Note 3.

[Download]

Playful Trampoline Effect

A little playful content navigation effect that uses the draggable Elastic Stack and Snap.svg for animating a background shape like a trampoline. The demos are a tribute to Leonard Nimoy.

[Demo] [Download]

Latest Free Samsung Galaxy S6 & Edge And Galaxy Note 5 Mock-ups

A hand picked collection of latest Samsung’s brand new Galaxy S6 & Edge and upcoming Galaxy Note 5 smartphone mock-ups and templates.

[Download]

Travel and Vacation Icon Set

A set of 36 colorful and versatile travel and vacation related icons. The icons have a flat design with a long shadow and they come in several vector formats.

[Download]

Material Design Icons

[Download]

AO TYPE FONT

[Download]