Weekly Web Design & Development News: Collective #108
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.
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.
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.
segment
A little JavaScript class (without dependencies) to draw and animate SVG path strokes.
SVG Path Builder
Build an SVG path quickly using a GUI.
mdcss
mdcss lets you easily create and maintain style guides with CSS comments using Markdown.
Button Hover Style
A nice button hover style with background image and text animation
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
html-minifier
HTMLMinifier is a highly configurable, well-tested, Javascript-based HTML minifier, with lint-like capabilities.
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.
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.
[Download]
30 CSS Hover Effects For Buttons
30 CSS button hover effects that uses only CSS for the animation
Animated Intro Section
A collection of fancy text effects, to animate the tagline and action buttons of your website intro section.
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.
TUBED FONT FAMILY
Tubed font family, Tubed cube available in free download for personal use only.
[Download]
Quartz Typeface
Free Web page design For personal and commercial use.
[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.
[Download]
MagLine - Magazine & Fashion Blog Template
[Download]