Weekly Web Design & Development News: Collective #54

by jQuery Script,

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

schema

Schema is a modular, responsive, front end framework to easily and quickly help you jumpstart your process in building complex interfaces for the web right out the box.

schema

[Demo] [Download]

inspirograph

A digital replica of the classic Spirograph toy. Written in TypeScript, using D3.js.

inspirograph

[Demo] [Download]

lazysizes

lazysizes is a fast (jankfree) lazyloader for images (including responsive images), iframes and scripts/widgets without any dependency. It may become also your number one tool to integrate responsive images. Due to the fact that it can also automatically calculate the sizes attribute for your responsive images, it helps to seperate layout (CSS) from content/structure (HTML) and makes integrating responsive images into any enviroment simply simple.

lazysizes

[Demo] [Download]

Pure CSS lightbox technique

Pure CSS lightbox technique

[Demo] [Download]

Material Sidebar (Profile menu)

Material Sidebar (Profile menu) Based on Material Design by Google.

Material Sidebar (Profile menu)

[Demo] [Download]

progressbar.js

Beautiful and responsive progress bars with animated SVG paths.

progressbar.js

[Demo] [Download]

tachyons

Fully responsive, performance first css patterns

tachyons

[Demo] [Download]

One Nexus

One Nexus is a front end solution to building modern and responsive websites fast and efficiently. It is a combination of tools, ideas, principles and existing resources to provide a sensible, intuitive and easy to customize solution to your front end needs. There are many reasons why it was created, but the main reason for its existance is to offer any one who uses it a useful headstart for their next project.

One Nexus

[Demo] [Download]

Responsive Slider with Sequence.js

Responsive Slider with Sequence.js

[Demo] [Download]

nightmare

Nightmare is a high level wrapper for PhantomJS that lets you automate browser tasks.

nightmare

[Demo] [Download]

kickoff

A lightweight front-end framework for creating scalable, responsive sites

kickoff

[Demo] [Download]

raw

RAW is an open web tool developed at the DensityDesign Research Lab (Politecnico di Milano) to create custom vector-based visualizations on top of the amazing d3.js library by Mike Bostock. Primarily conceived as a tool for designers and vis geeks, RAW aims at providing a missing link between spreadsheet applications (e.g. Microsoft Excel, Apple Numbers, Google Docs, OpenRefine, …) and vector graphics editors (e.g. Adobe Illustrator, Inkscape, …).

raw

[Demo] [Download]

mnml

MNML is a starting point for prototyping responsive HTML5 SASS projects. Uses gulp to create a dev environment for rapidly prototyping sites.

mnml

[Demo] [Download]

Material Design Icons

Material Design Icons are the official open-source icons featured in the Google Material Design specification.

Material Design Icons

[Demo] [Download]

High Quality Free Flyer and Brochure Mock-ups & Templates

A hand-made collection of 15+ latest, high quality, fully editable, print ready Vector/PSD flyer & brochure mock-ups & templates for free download.

High Quality Free Flyer and Brochure Mock-ups & Templates

[Download]

35 Free Vector Halloween Icons

35 vector flat style halloween icons

35 Free Vector Halloween Icons

[Download]

Travel and Ecology Icon Set

A transportation, travel and ecology themed icon set by Round Icons with 50 free icons in AI, SVG, PSD and PNG format.

Travel and Ecology Icon Set

[Download]

46 OSX Yosemite Folders Icons

A pack with 46 custom folders icons and the PSD file so you can create your own folders. Each file is available in 18 sizes (@2x and @3x included).

46 OSX Yosemite Folders Icons

[Download]

Touristic Icons

A set of vector icons that represent monuments across the globe, so they can be literally used anywhere.

Touristic Icons

[Download]

Technology Media Icons

A set of 36 technology media icons in two versions. Fully layered and created with vector shapes in Photoshop.

Technology Media Icons

[Download]

iOS AI Vector Template

iOS AI Vector Template

[Download]

iOS 8 GUI PSD (iPhone 6)

A Photoshop template of GUI elements found in the public release of iOS 8.

iOS 8 GUI PSD (iPhone 6)

[Download]

FRINCO free font

FRINCO is totally free to use in both personal and commercial projects.

FRINCO free font

[Download]

Curely Free Typeface

Curely is a handmade decorative typeface inspired from a girly stuffs and cuteness overload in every single letters on it, fit for your cute and sweet design project and stuffs ;)

Curely Free Typeface

[Download]

BALUGA TYPEFACE

BALUGA TYPEFACE

[Download]

KEL Free Typeface

KEL Free Typeface

[Download]