Weekly News for Designers № 599

By

User Inyerface – Can you navigate through this game of really bad UI?
Example from User Inyerface

Building Generative Grid Layouts With Quadtrees – Learn how to create super versatile generative/random grid layouts in just a few lines of JavaScript.
Example from Building Generative Grid Layouts With Quadtrees

Wordmark – Use this online tool to find the perfect font for your project.
Example from Wordmark

15 Free HTML Templates for Creating Resumes – Use one of these fantastic templates to create your resume, then customize to make it your own.
Example from 15 Free HTML Templates for Creating Resumes

CSS Selectors: The Full Reference Guide – Get the lowdown on CSS selectors with this in-depth resource.
Example from CSS Selectors: The Full Reference Guide

Serving sharp images to high density screens – A guide to making your images crystal clear on HiDPI monitors and mobile devices.
Example from Serving sharp images to high density screens

The Ingredients of a Great WordPress Plugin – Some common attributes that the best WordPress plugins share.
Example from The Ingredients of a Great WordPress Plugin

How to Create CSS Charts With Interesting Shapes, Glyphs and Emoji – How to create charts with interesting shapes using glyphs, CSS shapes, and emojis with minimal effort.
Example from How to Create CSS Charts With Interesting Shapes, Glyphs and Emoji

Inline to Menu Link Animation – Check out this stunning experimental link animation technique.
Example from Inline to Menu Link Animation

Towards a better responsiveness metric – The Chrome Speed Metrics team explains First Input Delay (FID) and asks for your feedback.
Example from Towards a better responsiveness metric

82% of developers get this 3 line CSS quiz wrong – A look at the CSS revert property.
Example from 82% of developers get this 3 line CSS quiz wrong

How to Specifically Cater to the Needs of Your Clients – How to get your clients to see the value in the services you provide.
Example from How to Specifically Cater to the Needs of Your Clients

Organize your CSS declarations alphabetically – Some thoughts on the effectiveness of CSS organization techniques.
Example from Organize your CSS declarations alphabetically

UI Snippets – A collection of snippets that you can copy and paste for your projects.
Example from UI Snippets

WebP Images: A Primer – Google’s space-saving image format could help improve your website’s performance.
Example from WebP Images: A Primer

Simply Static – Generate a fully-static version of your WordPress website with this app.
Example from Simply Static

Landing Page Kit – Design your next landing page in Framer with these ready-to-use building blocks.
Example from Landing Page Kit