Weekly News for Designers № 484

By on April 19th, 2019Designer News

Forge Your Own (Animation) Path with These Snippets – Creative examples of path-based web animations.
Forge Your Own (Animation) Path with These Snippets

Animation Performance 101: Browser Under the Hood – Techniques for attaining 60fps animations without taxing web browsers.
Animation Performance 101: Browser Under the Hood

Top Font Combinations – A look at some perfect font pairings for your projects.
Top Font Combinations

CSS masonry with flexbox, :nth-child(), and order – A smart approach to masonry layouts that doesn’t require JavaScript.
CSS masonry with flexbox, :nth-child(), and order

Front-end Developer Handbook 2019 – A massive resource you can use to further your front-end skills.
Front-end Developer Handbook 2019

The Four Ways That Freelancers Are Often Mistreated – Ways to fight back when clients try to take advantage of you.
The Four Ways That Freelancers Are Often Mistreated

Generative Art with CSS – A variety of techniques for creating art with pure CSS.
Generative Art with CSS

The process: Building a better checkout – How Paystack reimagined its checkout experience to better serve Africa-based users.
The process: Building a better checkout

Art Direction For The Web Using CSS Shapes – Build unique layouts with the help of CSS shapes.
Art Direction For The Web Using CSS Shapes

The Battle of Stability vs. Growth – Every designer wants a steady workflow (and income). But how does that affect future growth?
The Battle of Stability vs. Growth

Long-form websites and typography – A mix of philosophies on making long-form content easy to read and withstand the test of time.
Long-form websites and typography

The junior developer’s guide to writing super clean and readable code – Learn the secrets behind writing code that is focused and easy to read.
The junior developer’s guide to writing super clean and readable code

Why you should use CSS env() – With env(), you’ll be able to share variables between CSS and JS.
Why you should use CSS env()

Simple Ways to Customize WordPress Plugins – You don’t have to be an expert to add custom functionality to an existing plugin.
Simple Ways to Customize WordPress Plugins

Diagonal Containers in CSS – Create those trendy full-width diagonal containers with clip-path.
Diagonal Containers in CSS

Public Sans – A free neutral typeface for all of your UI needs.
Public Sans

Developer Survey Results 2019 – Stack Overflow’s yearly look at what developers are learning and doing.
Developer Survey Results 2019

Illustrated.dev – Web development concepts explained through friendly illustrations.
Illustrated.dev

Exploring the Simple Beauty of Business Cards with Geometric Designs – A look at how some simple shapes can deliver stunning results.
Exploring the Simple Beauty of Business Cards with Geometric Designs

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