Do you itch for freebies to use in your projects, new tutorials to learn from, maybe some tools to help you develop and design faster? So do I!

This is the fourth edition of this new series of Weekly Designer and Developer News, where I showcase new freebies, tools, tutorials and other goodies that can help you speed up your workflow and learn new things!

Tools and Resources

notie.js – A JavaScript plugin for growl-like notifications made by Jared Reich.

weekly-designer-and-developer-news-6-01

Flutter – Flutter is a new project to help developers build high-performance, high-fidelity, mobile apps for iOS and Android from a single codebase.

weekly-designer-and-developer-news-6-02

Plotly.js Open-Source Announcement – The JavaScript library for scientific interactive charts is going open-source!

weekly-designer-and-developer-news-6-03

Stretchy Navigation – An awesome stretchy navigation effect made by Sebastiano Guerriero from CodyHouse.

weekly-designer-and-developer-news-6-04

ResponsifyJS –  a jQuery plugin that makes images truly responsive.

weekly-designer-and-developer-news-6-05

Themes and Templates

West – a responsive business theme that aims to provide everything you need in order to help you create an awesome website for your company.

weekly-designer-and-developer-news-6-06

CSS-only Colorful Calendar Concept by David Khourshid.

weekly-designer-and-developer-news-6-07

Skrollr – A Theme for Telling Stories

weekly-designer-and-developer-news-6-08

Gridlex – A responsive flexbox based grid system that could come handy for your next project.

weekly-designer-and-developer-news-6-09

​ActiveBox Template (HTML & CSS)

weekly-designer-and-developer-news-6-10

Tutorials and Useful Articles

How to animate “box-shadow” with silky smooth performance – Tobias Ahlin will show you how you can achieve a performant box shadow animation.

weekly-designer-and-developer-news-6-11

Streamlining CSS Print Design with Sass – A fantastic read on how Sass is employed at O’Reilly Media to streamline their publishing toolchain. By Sanders Kleinfeld.

weekly-designer-and-developer-news-6-12

Mo.js: Easing / Path Easing – The first tutorial on the brilliant motion graphics library mo.js by Oleg Solomka.

weekly-designer-and-developer-news-6-13

Front End Frameworks: Are they accessible? – A quick presentation on some of the potential issues with using any framework. By Russ Weakley.

weekly-designer-and-developer-news-6-14

Tips for Creating and Exporting Better SVGs for the Web – A very comprehensive in-depth article on how to create better SVGs for an optimized develeopment workflow by Sara Soueidan.

weekly-designer-and-developer-news-6-15

UI Kits, Icons and Fonts

Free Font: Bonie – A lovely free font dedicated to Bonie, a Basset hound. Designed by qoob design studio.

weekly-designer-and-developer-news-6-16

Free Font: Nazaré – A condensed uppercase font inspired by the place with the same name in Portugal. Designed by David Szebenyi.

weekly-designer-and-developer-news-6-17

iOS 9 UI Kit

weekly-designer-and-developer-news-6-18

Nerdial App UI

weekly-designer-and-developer-news-6-19

PerfectKit Modern UI Kit

weekly-designer-and-developer-news-6-20

And that is it for this weeks Designer and Developer News, I hope you’ve found something useful for your next project. Don’t forget to subscribe to our email newsletter to receive weekly news, tutorials and more directly into your inbox!