This is our popular weekly design news post where we share our favorite design related articles, resources and freebies from the past week.
New Resources & Tools
Draggable JS – A lightweight, responsive, modern drag & drop library.
file-upload-with-preview – A simple file-upload utility that shows a preview of the uploaded image.
Quickly Create Responsive Email Templates with MailStyler 2 – An app featuring a drag-and-drop UI that enables you to create stunning email templates.
Essential Image Optimization – An eBook by Addy Osmani that explains the ins and outs of optimizing your images.
Jam Icons – A free collection of 422 handcrafted & pixel perfect icons.
Marketing for Engineers – A curated collection of marketing articles & tools to grow your product.
New CSS Resources
10 Free Snippets for Creating CSS Content Cards – A collection of card designs that are a great way to organize listings of blog posts, products, services or just about any repetitive content.
10 Amazing Examples of CSS, SVG & Canvas Masks In Action – Demos of custom clipping masks & SVG/canvas masks.
Comic book style layout with CSS Grid – An example of a complex layout made simple with CSS Grid.
mimic.css – A CSS class animations library (because everyone else is doing it).
Learning Guides, Tutorials & Tips
CSS Grid Gotchas And Stumbling Blocks By Rachel Andrew
What You Need to Know About Variable Fonts By Ulrik Hogrebe
Redesigning Laravel.io By Adam Wathan and Steve Schoger
Fundamentals of Responsive Images By Marc Drummond
More Padding, Please! By Patrick J. Condon
Dropbox Design – Dropbox introduces a new brand system. The look is expressive, with vibrant colors, rich imagery, a versatile typeface, and playful illustrations.