Weekly News for Designers № 565

By

OrbitCSS – Check out this modern CSS framework based on flexbox.
Example from OrbitCSS

How ‘Lazy’ Price Estimates Can Cost Freelancers – Create more accurate project proposals by doing a little research first.
Example from How ‘Lazy’ Price Estimates Can Cost Freelancers

The Principles Of Visual Communication – Why the best way to tell stories might be through thoughtfully crafted visuals.
Example from The Principles Of Visual Communication

Tyrus – Discover this free digital toolkit from Airbnb Design that helps freelance illustrators optimize their business.
Example from Tyrus

The Caretaker – Here’s a spooky, pure CSS horror/puzzle game that’s perfect for the season.
Example from The Caretaker

Layout projection – A method for animating browser layouts at 60fps.
Example from Layout projection

UI Coach – Need some practice? Use this UI design challenge generator to level up your game.
Example from UI Coach

Part of your world: Why we’re proud to build a truly native Mac app – The team at Sketch explain the benefits of being a native Mac app.
Example from Part of your world: Why we’re proud to build a truly native Mac app

Prevent layout shifts with CSS grid stacks – Techniques to help prevent elements from shifting as a page updates.
Example from Prevent layout shifts with CSS grid stacks

Chrome DevTools: Inspecting and debugging CSS Grid – Learn the basics of troubleshooting CSS grid with this guide.
Example from Chrome DevTools: Inspecting and debugging CSS Grid

Free iOS 14 Icon Set – Download this set of 80 custom-designed app icons for the latest version of iOS.
Example from Free iOS 14 Icon Set

8 Horizontal Rules and Dividers Enhanced with CSS – A collection of stylish ways to divi up your content.
Example from 8 Horizontal Rules and Dividers Enhanced with CSS

Comparing Various Ways to Hide Things in CSS – Methods and considerations for hiding elements via CSS the “right” way.
Example from Comparing Various Ways to Hide Things in CSS

ColorBox – Use this tool to generate and compare colors for your next project.
Example from ColorBox

25 Best Free Corporate Business Flyer Templates – Make your message stand out with these free business flyers.
Example from 25 Best Free Corporate Business Flyer Templates

Windows XP in React – If you happen to miss Windows XP, you can relive the glory days with this react-based UI.
Example from Windows XP in React

Build a game this November with GitHub Game Off – Participate in this fun exercise and share your work with the world.
Example from Build a game this November with GitHub Game Off

JavaScript—still a Ghost – Why JavaScript frameworks and web pages that work without JavaScript not only are not at odds, but can actually complement each other well.
Example from JavaScript—still a Ghost