Weekly Web Design & Development News: Collective #101

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

Jets.js

Native CSS search engine. The main idea is not to affect attributes of each tag in the list while filtering. Instead apply dynamic CSS rule in only <style> tag and browser will decide which item of list to show or hide. Since it's just CSS - Jets.js may be applied to any tag, whether it's a table or UL, OL, DIV…

[Demo] [Download]

material-avatar

Vanilla javascript material-like avatars using canvas

[Demo] [Download]

nipplejs

Vanilla javascript material-like avatars using canvas

[Demo] [Download]

3D Cube for tabbed content

Fun way to display tabbed content with a 3d cube: Uses CSS perspective, transitions and radio checked. No javascript.

[Demo] [Download]

LayerVisualizer

A simple web-based 3D layer visualizer (useful for visualizing material UIs and other things involving depth/shadows)

[Demo] [Download]

CSS App Store Badges

The badges provided by all store providers just don't play well together and using svg or png assets makes localization a pain.

[Demo] [Download]

sanitize.css

Render elements consistently. Style with best practices.

[Demo] [Download]

notifyMe.js

notifyMe.js is a pure lightweight JavaScript library to create graphical text notifications on screen corners.

[Demo] [Download]

CrossCompare-js

JavaScript library for quick dc.js chart comparison

[Demo] [Download]

unistyle

Fabric is a responsive, mobile-first, front-end framework, designed to make it quick and simple for you to create web experiences using the Office Design Language. It’s easy to get up and running with Fabric—whether you’re creating a new Office experience from scratch or adding new features to an existing one.

[Download]

black-screen

Black Screen is a modern terminal emulator (and shell) based on Electron. As opposed to most of the terminal emulators, it exploits the capabilities of contemporary interfaces.

[Download]

Hack

A typeface designed for source code

[Demo] [Download]

MARSH STENCIL Free Font

MARSH STENCIL is a revival of an old stencil typeface produced by the American company MARSH Stencil Machines during WWII.

[Download]

LOIYAJAN Free One Page PSD Template

LOIYAJAN One page PSD template is full of modern features. It may use for different variety site of your personal and business purpose.

[Download]

Flat Ui

[Download]

iPhone 6S

new iPhone 6S and 6S Plus in one PSD

[Download]