Weekly News for Designers № 671

By

8 CSS & JavaScript Snippets That Celebrate Retro Computing – Relive the days of Commodore 64s and monochromatic screens through these tributes.
Example from 8 CSS & JavaScript Snippets That Celebrate Retro Computing

Experimenting with Layering, Filtering, & Masking in CSS – How to add Photoshop-like effects to your designs with CSS.
Example from Experimenting with layering, filtering, and masking in CSS

The Faces Behind Typefaces – Learn more about the impact and legacy of typographic innovators.
Example from The Faces Behind Typefaces

Making Static Noise From a Weird CSS Gradient Bug – Create a noise effect reminiscent of television static.
Example from Making Static Noise From a Weird CSS Gradient Bug

Git Cheat Sheet with 40+ Commands & Concepts – Use this handy reference for quick access to Git commands.
Example from Git Cheat Sheet with 40+ commands & concepts

Design Principles – Check out this open-source collection of design principles and methods.
Example from Design Principles

The Web Design Concepts That Were Ahead of Their Time – We wouldn’t be where we are today without these old-school techniques.
Example from The Web Design Concepts That Were Ahead of Their Time

Online CSS Code Quality Analyzer – This tool scores your CSS based on a range of quality guards.
Example from Online CSS Code Quality Analyzer

A Guide To Keyboard Accessibility: HTML And CSS (Part 1) – How to build a great keyboard experience for users.
Example from A Guide To Keyboard Accessibility: HTML And CSS (Part 1)

Web Sustainability Resources – A variety of guides to help you build eco-friendly websites.
Example from Web Sustainability Resources

15 Free Hero Scene Creator Mockup Templates for Photoshop – Craft the perfect hero area with one of these outstanding templates.
Example from 15 Free Hero Scene Creator Mockup Templates for Photoshop

CSS Timeline – Study up on the evolution of CSS with this interactive timeline project.
Example from CSS Timeline

TourGuide JS – Create a user onboarding experience with this JavaScript library.
Example from TourGuide JS

kickstartDS – Get your design system project off to a fast start with this kit.
Example from kickstartDS

UX Dictionary – A community-built resource to help you brush up on UX terminology.
Example from UX Dictionary

What to Do When a Client Tries Your Patience – Scenarios where patience is called for and when it’s time to say “enough.”
Example from What to Do When a Client Tries Your Patience

Content Strategy 101 – The basics of crafting a content strategy for your website.
Example from Content Strategy 101

Finding a New Home for the WordPress Community – A look at how WordPress could power its own community.
Example from Finding a new home for the WordPress community