Issue #556

August 10, 2023

Can We Query the Root Container?

Miriam Suzanne outlines the complexities of containment, overflow, and propagation, related to container queries.

Ahmad Shadeed explores the problem with the virtual keyboard on mobile, explains why it happens, and how you can solve it with the virtual keyboard API.

Resources for developers to start creating Bitcoin applications

With job and startup opportunities for decentralized applications increasing, do you have the right skills to take advantage?

Take a look at this free introductory course designed to help beginners learn the fundamentals of Bitcoin itself, as well as how to build full-stack decentralized applications on Bitcoin L2s.

Explore the Bitcoin app dev course

▶ How Position Absolute Works in CSS Grid

A brief, hands-on guide to using absolutely positioned elements with CSS Grid, along with a practical use case.

Watch video

Articles & Tutorials

CSS-Only Floating Labels

Stanko Tadić shows how to create floating labels using only CSS.

A case study on scroll-driven animations performance

Yuriko Hirota explains how the new CSS API is much smoother than the classic way of implementing scroll-driven animations.

Offset parent and stacking context: positioning elements in all three dimensions

Kilian Valkhof explains how two important concepts in CSS positioning work: offset parents and stacking context.

Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images

Temani Afif demonstrates how to add perspective, depth, rotation, and even a slick shine to images.

Randomness in CSS using trigonometry

Kacper Kula explores how to achieve randomness in CSS using trigonometry.

CSS Stickers!

Looking to upgrade your sticker game? I’m making something just for you. A CSS-themed sticker pack that will fit like a glove.

If you’re even remotely interested, please sign-up for updates, and be the first to know when it’s ready.

Find out More

Tools

Can I DevTools?

A comprehensive support tables list for the browser DevTools.

Check it out

SVG Hub

A library of over 70 custom-color elements ready to paste into your project.

Check it out

Inspiration

Ferris wheel (CSS Only)

Amit Sheen created another mind-blowing animation using only CSS.

Get inspired

Until Next Week

Thank you so much for reading!

If you still haven’t, check out my upcoming course Mastering Prettier & Stylelint. And use the coupon code SUBSCRIBER20 to get additional 20% off on the Masterclass package as a CSS Weekly subscriber.

Happy coding,
Zoran Jambor

Issue #555 Issue #557