Weekly News for Designers № 436

10 Code Snippets For Creating Animated Headers & Video Backgrounds – Add video and animation to your projects with these handy snippets.

curtains.js – A WebGL tool that animates images.

Container-Adapting Tabs With “More” Button – A navigation bar that automatically hides overflow behind a “More” button.

purecss-zigario – A retro poster recreated using only HTML and CSS.

Smart CSS Grid – A minimal and responsive CSS Grid system.

The Power of Flex-Grow – Using CSS Flexbox flex-grow to automatically adjust container sizing.

The Best Place for Error Messages on Forms – Comparing different form validation areas.

Photo Grid – A Sketch plugin that can size layers to common photo dimensions and scale them to fit.

Brusher – A lightweight library you can use to build interactive backgrounds.

Overriding Default Button Styles – Buttons come with browser-specific default styles. Here’s how to get past them.

I Used The Web For A Day With JavaScript Turned Off – How did the web hold up without JS?

Material Theme Editor – A Sketch plugin for creating and editing your own Material theme.

How Dropbox is making their rebranding work – A current look at the great Dropbox rebrand of 2017.

Product Design Principles in a Single Card – Lessons learned from redesigning a card UI.

How to be a mediocre UI/UX Designer  – One designer questions whether “greatness” is really worth it.

Feather – An open source library of simple, beautiful icons.

Free Line & Flat Business Icon Set – A set of 50 SVG and PNG icons that will bring a modern look to your projects.

Follow Speckyboy on Twitter, Facebook or Google+ for a daily does of web design resources and freebies.

The post Weekly News for Designers № 436 appeared first on Speckyboy Web Design Magazine.