Weekly News for Designers № 436

By

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

curtains.js – A WebGL tool that animates images.
curtains.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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