Weekly News for Designers № 496

Add Cool Effects with CSS Blend Mode – Blend modes can replicate effects from the likes of Photoshop and other image editors.

CSS Lists, Markers, And Counters – Check out some interesting methods for styling your lists.

Using HTML Validator Badges Again – Why those old badges may still be of some use.

Bounds.js – A script for asynchronous boundary detection that can be used for effects such as lazy loading.

a11y-css-reset – A set of global CSS rules to help improve the accessibility of your projects.

Building WordPress Websites That Better Respect User Privacy – Some things to keep in mind when it comes to user data and WordPress.

Popups: 10 Problematic Trends and Alternatives – Show this to your clients the next time they really want a popup.

Building a Conference Schedule with CSS Grid – A very practical use-case for the CSS layout technique.

Variable Fonts for Developers – Demonstrations that show the power of the latest font technologies.

Menus with “Dynamic Hit Areas” – Some tricks that make flyout menus easier to use.

Learn Bootstrap 4 in 5 minutes – A look at the most important changes in version 4 of the popular framework.

The Tiny Short Animation Trend in Web Design – Examples of attention-grabbing animations that don’t waste the user’s precious time.

Eva Design System: Deep Learning Color Generator – Choose your brand’s base color, and this tool provides an array of complementary shades.

GIT.WTF!?! – A curated resource that offers solutions for common Git-related issues.

Bringing new CSS techniques to production – Things to consider when implementing the latest CSS goodies on your site.

User Inyerface – A challenging game of user interactions and design patterns.

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