Weekly Web Design & Development News: Collective #21

Here's the 21st 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 #20

Brand buttons for Bootstrap

Brand buttons for Bootstrap and Fontawesome.

[Demo] [Download]

Cute Grids

Cute grids was made from the frustration of today's world full of large overbuilt frameworks that can be overkill for most projects and restrict the creativity of the designer with too many inbuilt design features that can make even the most creative person lazy. With too many underused features and over bloated code in many frameworks the idea of cute grids is to clean out all the dirty stuff and leave you with a clean base to let you get on with designing your responsive site the way you like. But don't make the mistake of thinking this is a minimum grid system. It has been built with most features that are seen fit to make your grid work the way you need it to. By the way this is just clean css. No sass, No Less. But who knows maybe a sass version added in the future. Let me know how you get on or if you have any questions.

[Demo] [Download]

rrssb

Ridiculously Responsive Social Sharing Buttons.

[Demo] [Download]

csshake

Some CSS classes to move your DOM!

[Demo] [Download]

Matter.js

A 2D rigid body physics engine for the web,

[Demo] [Download]

imagesloaded

Detect when images have been loaded.

[Demo] [Download]

jQuery Mobile Icon Pack

jQuery Mobile Icon Pack is based on based on the Font Awesome library and includes 369 icons from a wide range of categories including currency symbols, media control, social media, common application icons, and more. You can use easily these icons in conjunction with jQuery Mobile's default icon set.

[Demo] [Download]

heX

heX is a solution that provides a new way to build cross-platform desktop application using web technology. heX is based on CEF and integrates Chromium and Node.js. Modules or third-party extensions of Node.js can be "required" from the web page, while the DOM element of HTML can also be visited from Node.js' modules. In addition, heX can be embedded as a web container module into desktop projects, allowing desktop applications to take advantage of HTML5 features.

[Demo] [Download]

Durandal

A cross-device, cross-platform client framework written in JavaScript and designed to make building Single Page Applications (SPAs) easy to create and maintain.

[Demo] [Download]

Background-Check

Automatically switch to a darker or a lighter version of an element depending on the brightness of images behind it.

[Demo] [Download]

InContent

Image content with description building with CSS3 and SASS/LESS.

[Demo] [Download]

Border Animation Effect

Recreating the effect seen on carlphilippebrenner.com with SVG

[Demo] [Download]

Flati CSS3 Menu

Pure CSS3
CSS3 Animation Used
Fontawesome Icons
5 Different Colors
Clean Design & Commented Code
Easy To Use
included 5 Different Colors
clean HTML/CSS
Well Organized code

[Demo] [Download]

solarangler

Solar system using jQuery + CSS3 + AngularJS.

[Demo] [Download]

20+ Fresh New Social Media Icon Sets In 2014

20+ fresh new social media icon sets in 2014 that cover all major social network providers like facebook, twitter, google plus, linkedin, pinterest, tumblr, flickr, instagram and much more.

[View]

168 Vector Stroke Icons

This freebie includes 168 free vector stroke icons created with Illustrator. Download these web icons for your personal or commercial projects. Available in grey and white color. Pre-saved Ai, EPS and Svg files. Clean and minimalistic icons for any kind of work.

[Download]

Web Font Generator for Mac OSX

FontPrep takes your TTF and OTF font files and generates all of the respective font-formats for the web: WOFF, EOT, and SVG.

[View]

100 FREE Line Icons

[Download]

Cosmicons - UI Icon Set & Font

Cosmicons is a comprehensive set of 915 UI icons meticulously handcrafted by award winning designer Jonathan Hasson to be used for any interface. Designed with versatility in mind, this set is a bold and friendly take on the icons we see everyday.

[Download]

QG (Free Font)

QG is a sans serif typeface with simple curves and abstract lines, leaving something to the imagination. The curved 'coffee stain' corners add a little weight and prevent the aesthetics from being too rigid. The application of an inner shadow is great with lightweight typefaces such as QG.

[Download]