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
Tweak – A Chrome Extension that turns your browser into a WYSIWYG page editor.
Sizzy – A tool that lets you preview a website on multiple screen sizes at once.
Lists – A gallery of real data ready to be placed in your design. Kind of like an App Store for fake content.
SmartPhoto.js – An easy to use responsive image viewer especially for mobile devices.
todometer – A meter-based to-do list for your desktop. Available for Mac, with a Windows version coming soon.
CodeCopy – A browser extension that adds copy to clipboard buttons on every code block.
Postleaf – A simple, beautiful, decentralized publishing platform that anyone can use. It’s free, open source, and built for the modern publisher.
SVGito – An SVG optimizer for Sketch.
The 100 Best Free Fonts for Designers By Paul Andrew
Learning Guides, Tutorials & Tips
Winning with CSS Variables By hey it’s violet
CSS Font-Shorthand By Marco Biedermann
CSSToucan By Hu2la
SVG Line Morphing Transition By Bhakti Al Akbar
Dark Patterns: The Devil in Mobile UI UX Design? By Stefano Malachi
Designing for the Appearance of Speed By Bill Chung
10 Outstanding Call-to-Action Examples By Eric Karkovack
The Beauty of Simplified Navigation By Christine Logan
Are We Witnessing a Return to ‘90s Web Design? By Eric Karkovack