Weekly News for Designers (N.332) ![rw-book-cover](https://speckyboy.com/wp-content/uploads/2007/12/speckyboy-default.jpg) ## Metadata - Author: [[Speckyboy]] - Full Title: Weekly News for Designers (N.332) - Category: #articles - Summary: This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our awesome weekly newsletter or follow us on Twitter for some more amazing design articles, resources and freebies. - URL: https://speckyboy.com/2016/05/01/weekly-news-designers-n-332/ This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week. You can sign-up to our **awesome weekly newsletter** or [**follow us on Twitter**](https://twitter.com/speckyboy) for some more amazing design articles, resources and freebies. #### New Resources & Tools Free eBook: [**The Pocket Guide to Writing SVG**](https://svgpocketguide.com/) By Joni Trythall. ![Free eBook The Pocket Guide to Writing SVG](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-01.jpg) [**Styleguide**](https://devbridge.github.io/Styleguide/): A resource that makes creating living styleguides much easier. ![Styleguide resource that makes creating living styleguides much easier](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-02.jpg) [**Driveway**](https://jh3y.github.io/driveway/): A pure CSS masonry layout aid. ![Driveway pure CSS masonry layout aid](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-03.jpg) [**Diffee Checker**](https://diffee.me/): Instant visual diffing with CSS blend modes. ![Diffee Checker Instant visual diffing with CSS blend modes](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-04.jpg) [**Bricklayer**](http://bricklayer.js.org/): A lightweight & independent Pinterest-like cascading grid layout library. ![Bricklayer lightweight independent Pinterest-like cascading grid layout library](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-05.jpg) **Impalette**: A web-based tool that scans your images for dominant pantone colors. ![Impalette web-based tool that scans your images for dominant pantone colors](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-06.jpg) [**Force.js**](https://force-js.com/): The easy way to scroll and animate your page. ![Force.js easy way scroll animate your page](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-07.jpg) [**Color Lisa**](http://www.colorlisa.com/): Color palette masterpieces from the world's greatest artists. ![Color Lisa Color palette masterpieces from greatest artists](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-08.jpg) #### Learning Resources, Tutorials & Tips [**5 Flexbox Techniques You Need to Know About**](https://tutorialzine.com/2016/04/5-flexbox-techniques-you-need-to-know-about) By Danny Markov. ![5 Flexbox Techniques You Need to Know About](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-10.jpg) [**Typography for Developers**](https://medium.com/hh-design/typography-for-developers-975cf2abd1e) [A practical guide to web typography] By Taimur. ![Typography for Developers](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-11.jpg) [**Using Card-Based Design To Enhance UX**](https://babich.biz/using-card-based-design-to-enhance-ux/) By Nick Babich. ![Using Card-Based Design To Enhance UX](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-12.jpg) [**Analyzing the Effectiveness of Hamburger Menus**](https://speckyboy.com/analyzing-effectiveness-hamburger-menus-web-design/) By Stephen Moyers. ![Analyzing the Effectiveness of Hamburger Menus](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-13.jpg) [**Responsive Logo Composition With SVG**](https://cloudfour.com/thinks/responsive-logo-composition-with-svg/) By Tyler Sticka. ![Responsive Logo Composition With SVG](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-14.jpg) [**The Complete Beginner's Guide to Using WooCommerce**](https://speckyboy.com/beginners-guide-woocommerce/) By Dev Sharma. ![The Complete Beginners Guide to Using WooCommerce](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-15.jpg) [**Designing an Alternative to the Hamburger Menu**](https://scottjensen.design/2016/04/13/designing-an-alternative-to-the-hamburger-menu/) By Scott Jensen. ![Designing an Alternative to the Hamburger Menu](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-16.jpg) Freebie: [**Wyre Web Layout Flowcharts**](https://pixelbuddha.net/ui-kits/wyre-web-layout-flowcharts) (AI, EPS & SVG). ![Freebie Wyre Web Layout Flowcharts AI EPS SVG](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-17.jpg) Freebie: [**Chart UI Kit**](https://dribbble.com/shots/2670411-Chart-UIkit) (Sketch). ![Freebie Chart UI Kit Sketch](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-18.jpg) Freebie: [**Fade iOS9 UI Kit**](https://www.behance.net/gallery/36367535/APP-UI-KIT-FREEBIE-) (PSD). ![Freebie Fade iOS9 UI Kit PSD](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-19.jpg) #### …and finally… [**10 Innovative Web Designs For Your Inspiration**](https://speckyboy.com/innovative-web-design-inspiration/) By Saijo George. ![10 Innovative Web Designs For Your Inspiration](https://speckyboy.com/wp-content/uploads/2016/04/weekly-designer-news-may-01-2016-20.gif) [**Browse the Weekly Web Designer News Archives →**](https://speckyboy.com/category/designer-news/), Weekly News for Designers (N.332), Speckyboy, 01gnmcy65hj9c5v28cjgx8ffst.