CSS Weekly
  • YouTube Channel
  • Archives
  • Supporters
  • Submit a link
  • Advertise
  • Contact

Issue #397

February 12, 2020

Designing a Ripple Effect for UI Feedback

Designing a Ripple Effect for UI Feedback

Glad Chinda shows how to create a simple micro-interaction for the popular ripple effect.

Read more

Light and Dark Themed SVG Favicon Using the CSS prefers-color-scheme Media Feature

Light and Dark Themed SVG Favicon Using the CSS prefers-color-scheme Media Feature

Catalin Rosu explains how to use an SVG as a favicon for your website, considering the light and dark theme detection in the browser using the CSS prefers-color-scheme media feature.

Read more

From Our Sponsor

Master the tools of web design by attending An Event Apart

Master the tools of web design by attending An Event Apart

An Event Apart features three days of design, code, and content for interaction designers and developers. Packed with tips, techniques, and insights into the future from industry shakers and shapers, you’ll come away inspired. Join us in Washington, D.C. April 13–15. $100 off with code AEACSSW20.

See the full agenda and register now!

Articles & Tutorials

How I Recreated a Polaroid Camera With CSS Gradients Only

Sarah L. Fossheim guides you through their process of replicating a physical product in CSS.

Read more

Magic Flip Cards: Solving A Common Sizing Problem

Dan Halliday reviews the standard approach to creating animated flip cards and introduces an improved method that solves its sizing problem.

Read more

Styled Components vs. CSS Stylesheets

Luke Smetham weighs up the pros and cons of CSS vs. Styled Components and how it affects the way he writes React components.

Read more

A New Technique for Making Responsive, JavaScript-Free Charts

Rich Harris explores if it’s possible to create SVG charts that would work without JavaScript.

Read more

HTML Attributes to Improve Your Users’ Two Factor Authentication Experience

Phil Nash explains how to use the HTML autocomplete, inputmode and pattern attributes to improve the user experience of logging in.

Read more

Promoted Link

The JavaScript Toolkit: Write Cleaner, Faster & Better Code

The JavaScript Toolkit: Write Cleaner, Faster & Better Code

Become a JavaScript expert with this in-depth guide by Christian Heilmann to the new, essential tools and techniques every developer should know!

Start Your Free Trial Today

Tools

Unavatar

Unavatar is a service that determines the user avatar querying multiple social providers.

Check it out

Popper

Popper is a library that will help you position tooltips & popovers in your web applications.

Check it out

Inspiration

Lessons From Building “N26 for Web”

Lessons From Building “N26 for Web”

Kitty Giraudel shares a few things they learned and discovered while rebuilding the N26 web platform.

Get inspired

Until Next Week

Thanks for reading! If you find the content valuable, please consider supporting the newsletter on Patreon.

Happy coding,
Zoran Jambor

Issue #396 Issue #398

Follow CSS Weekly

YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers
YouTube 2,700 Subscribers Twitter 15,500 Followers Facebook 2,300 Likes RSS 500 Subscribers

CSS Weekly is curated, edited,
published and created by Zoran Jambor.