Weekly News for Designers № 669

How To Create Advanced Animations With CSS – Go beyond the basics with this animation tutorial.
Example from How To Create Advanced Animations With CSS

How New Web Designers Can Level Up – Tips for building a successful and sustainable web design career.
Example from How New Web Designers Can Level Up

Conditionally adaptive CSS – A look at how this CSS technique can improve performance.
Example from Conditionally adaptive CSS

Unreveal Effects for Content Previews – Page transition effects using covering elements and CSS clip-paths.
Example from Unreveal Effects for Content Previews

The New CSS Media Query Range Syntax – How new CSS comparison operators will change the way we write media queries.
Example from The New CSS Media Query Range Syntax

30 Free Logo Mockup PSD Templates for Creatives – Showcase your logo beautifully with these free mockups.
Example from 30 Free Logo Mockup PSD Templates for Creatives

State of CSS 2022 – Web styling features of today and tomorrow, as seen at Google IO 2022.
Example from State of CSS 2022

The 5 Traits of an Ethical Freelance Web Designer – How ethics and long-term success go hand-in-hand.
Example from The 5 Traits of an Ethical Freelance Web Designer

daily.dev – This browser extension/website curates top web development news.
Example from daily.dev

Open Design Systems Repo – Check out this directory of open design systems available for Figma.
Example from Open Design Systems Repo

MetalliCSS – This open-source JavaScript library adds a metallic touch to any design element.
Example from MetalliCSS

Squeezing the Most Performance from Cheap Web Hosting – Tips for improving performance on lower-tiered hosting packages.
Example from Squeezing the Most Performance from Cheap Web Hosting

Glyphs App – A handy library of copy-and-paste symbols for use in your projects.
Example from Glyphs

WordPress 6.1 Retires Default Site Tagline in Favor of Empty String – “Just another WordPress site” is a thing of the past – sort of.
Example from WordPress 6.1 Retires Default Site Tagline in Favor of Empty String

The Typing of the RegEx – Test your RegEx skills with this puzzle game.
Example from The Typing of the RegEx

Design Tokens Generator – Use this tool to get your CSS projects off to a fast start.
Example from Design Tokens Generator

WordPress 6.1 “Misha” – Performance and block editor enhancements are key parts of the new release.
Example from WordPress 6.1 Misha