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

Issue #540

February 16, 2023

A color-contrast() Strategy for Complimentary Translucent Backgrounds

A color-contrast() Strategy for Complimentary Translucent Backgrounds

Adam Argyle shows how to create dynamically contrasting text with a supportive translucent background.

Read more

Rotating Gallery With CSS scroll-driven Animations

Rotating Gallery With CSS scroll-driven Animations

Jhey Tompkins demonstrates how to use CSS scroll-driven animations API to create a neat gallery effect.

Read more

From Our Sponsor

The 360-Degree Guide to Building a Mobile App with React Native

The 360-Degree Guide to Building a Mobile App with React Native

It can be challenging to choose the right technological stack when you want to create a mobile application with a responsive user interface that works on all platforms. Further you need to validate your choice and modify the technology to meet your specific requirements.

Our guide gives examples of the business cases when React Native should be considered as well as maps out the process of selection, validation, and the four-stage process of bringing a mobile app to market.

Get the guide

CSS Weekly on YouTube

ChatGPT Can Write Good CSS

ChatGPT Can Write Good CSS

An exploration of using ChatGPT to write HTML and CSS. After generating the initial code for a simple landing page, we focus on improving the prompts gradually to get the best possible results.

Watch video

Articles & Tutorials

Moving Backgrounds

Saleh Mubashar explores how changing the background image’s position may convey a bit more context or experience.

Read more

Different Ways to Get CSS Gradient Shadows

Temani Afif explores how to create gradient shadows using CSS.

Read more

How the CSS box-sizing Property Works

Andy Bell gives a run-down of how the box-sizing property works.

Read more

Supporting CSS Multi Direction Languages in 2023

Elad Shechter explains how much easier it is to support multi-direction language websites using CSS Logical Properties.

Read more

Using Text Symbols in pseudo-elements Accessibly

Mayank offers some advice on creating accessible text in pseudo-elements.

Read more

Promoted Link

Avoiding the Five Common Pitfalls of Data Privacy and Security

Avoiding the Five Common Pitfalls of Data Privacy and Security

Innovating and delivering products quickly is essential to any company’s survival, but taking shortcuts on data security and privacy is very costly in the long run.

As you aim to balance speed and security, don’t lose sight of the most common data privacy pitfalls and how you can avoid them.

Download the free white paper today.

Tools

Unovis

Unovis is a modular data visualization framework for React, Angular, Svelte, and vanilla TypeScript or JavaScript.

Check it out

ProfileMe.dev

ProfileMe.dev is an online tool that will help you easily improve your GitHub profile.

Check it out

From Our Friends

Curated Newsletter for Developers, Designers & Makers

dailydevlinks is a free, carefully curated newsletter that keeps you up-to-date on the latest industry trends, news, and resources.

Sign up

CSS Animation Weekly

Web animation tutorials, guides and inspiration each week.

Sign up

Inspiration

No SVG, No Image, CSS-Only Fluid Slider With input[type=range]

No SVG, No Image, CSS-Only Fluid Slider With input[type=range]

Ana Tudor created a stunning demo using only CSS.

Get inspired

Until Next Week

Thank you so much for reading!

I haven’t been very active on CSS Weekly’s YouTube Channel lately, but I’m picking up the pace, and much more useful, practical content is coming, just for you. So if you still haven’t, plesae subscribe—it would mean a lot.

Happy coding,
Zoran Jambor

Issue #539 Issue #541

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.