Weekly Web Design & Development News: Collective #54
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.
inspirograph
A digital replica of the classic Spirograph toy. Written in TypeScript, using D3.js.
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.
Pure CSS lightbox technique
Material Sidebar (Profile menu)
Material Sidebar (Profile menu) Based on Material Design by Google.
progressbar.js
Beautiful and responsive progress bars with animated SVG paths.
tachyons
Fully responsive, performance first css patterns
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.
Responsive Slider with Sequence.js
nightmare
Nightmare is a high level wrapper for PhantomJS that lets you automate browser tasks.
kickoff
A lightweight front-end framework for creating scalable, responsive sites
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, …).
mnml
MNML is a starting point for prototyping responsive HTML5 SASS projects. Uses gulp to create a dev environment for rapidly prototyping sites.
Material Design Icons
Material Design Icons are the official open-source icons featured in the Google Material Design specification.
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.
[Download]
35 Free Vector Halloween Icons
35 vector flat style 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.
[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).
[Download]
Touristic Icons
A set of vector icons that represent monuments across the globe, so they can be literally used anywhere.
[Download]
Technology Media Icons
A set of 36 technology media icons in two versions. Fully layered and created with vector shapes in Photoshop.
[Download]
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.
[Download]
FRINCO free font
FRINCO is totally free to use in both personal and commercial projects.
[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 ;)
[Download]
BALUGA TYPEFACE
[Download]
KEL Free Typeface
[Download]