Weekly Web Design & Development News: Collective #108

by jQuery Script,

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

CSSgram

Instagram filter library in Sass and CSS.

CSSgram

[Demo] [Download]

atvImg

This lightweight (2kb) plug-in will automatically turn your layered Apple TV PNGs into 3D parallax icons, the same way the new Apple TV treats app icons. You can have any number of AppleTV Images on your web page.

atvImg

[Demo] [Download]

Legofy

Legofy is a python program that takes a static image or gif and makes it so that it looks as if it was built out of LEGO.

Legofy

[Demo] [Download]

segment

A little JavaScript class (without dependencies) to draw and animate SVG path strokes.

segment

[Demo] [Download]

SVG Path Builder

Build an SVG path quickly using a GUI.

SVG Path Builder

[Demo] [Download]

mdcss

mdcss lets you easily create and maintain style guides with CSS comments using Markdown.

mdcss

[Demo] [Download]

Button Hover Style

A nice button hover style with background image and text animation

Button Hover Style

[Demo] [Download]

wraith

Wraith uses either PhantomJS, CasperJS or SlimerJS to create screen-shots of webpages on different environments and then creates a diff of the two images, the affected areas are highlighted in blue

wraith

[Demo] [Download]

html-minifier

HTMLMinifier is a highly configurable, well-tested, Javascript-based HTML minifier, with lint-like capabilities.

html-minifier

[Demo] [Download]

ally.js

ally.js is a dependency-free (well, some shims, yes) Library to help applications with accessibility concerns. The intention is to separate these components from actual applications. It is being developed along side another project and features get added to ally.js once they become necessary in the other application - or someone sends a PR. The ultimate goal is to make adhering to WAI-ARIA a breeze.

[Demo] [Download]

Compressor.io

Compressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.

Compressor.io

[Download]

30 CSS Hover Effects For Buttons

30 CSS button hover effects that uses only CSS for the animation

30 CSS Hover Effects For Buttons

[Demo] [Download]

Animated Intro Section

A collection of fancy text effects, to animate the tagline and action buttons of your website intro section.

Animated Intro Section

[Demo] [Download]

Effect Ideas for Card Stacks

Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.

Effect Ideas for Card Stacks

[Demo] [Download]

TUBED FONT FAMILY

Tubed font family, Tubed cube available in free download for personal use only.

TUBED FONT FAMILY

[Download]

Quartz Typeface

Free Web page design For personal and commercial use.

Quartz Typeface

[Download]

iOS 9 App Icon Template PSD

Designed to make it easy to design, test and export your new iOS 9 App Icons, ready for the App Store.

iOS 9 App Icon Template PSD

[Download]

MagLine - Magazine & Fashion Blog Template

MagLine - Magazine & Fashion Blog Template

[Download]