CSS Weekly

Thanks, Zell! I still haven't recorded that video, so this is helpful! 🙂

A Simple & Powerful HTTP Interceptor for browsers Open-Source HTTP Interceptor to Intercept and Modify HTTPs Requests. Redirect URLs, Modify HTTP Headers, Mock APIs, Inject Scripts, Modify GraphQL, etc.

Thanks so much to BrowserStack for sponsoring! 🙏

If you want to debug APIs without leaving the browser, check out Requestly: cssw.io/requestly-br...

Frontend News #15: Transform Order Matters, Creative Drop Caps, Frontend Developer Quiz Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

🗞️ Frontend News #15

After a (too) long hiatus, I'm back with another video, covering:
🔎 CSS transform order matters
💬 Creative drop caps
🧐 Quiz: You're not a front-end developer until you've...

Featuring @jakearchibald.com, @allthatmalarkey.bsky.social, @bartspaans.com. 🙏

cssw.io/frontend-new...

Featuring @anatudor.bsky.social, @mattzeunert.com, @amitsheen.bsky.social, @cferdinandi.bsky.social, @jaredcunha.bsky.social. 🙏

CSS Weekly Issue #614 Learn how to combine BEM and utility classes with Cascade Layers, how to eliminate banding in CSS gradients, how to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing, and more.

CSS Weekly #614
🧱 Combine BEM, utility classes, & Cascade Layers
🌈 Eliminate banding in CSS gradients
🚀 How CSS if() function works
🚧 Get the most from the Console in DevTools

cssw.io/issue-614

Zoran Jambor of CSS Weekly relaxing in the sauna.

Zoran Jambor of CSS Weekly riding a SUP at sea.

I'm back from vacation and ready for new CSS (and AI) challenges! 💪

Are *you* planning to travel somewhere this summer? 🏖️

AI Developer Weekly Helping developers stay on top of AI tools & trends.

Are you curious about how to fit AI into your dev workflow or how to use it effectively?

Same here. That's why I'm launching the AI ​​Developer Weekly newsletter.

As with CSS Weekly, you'll get top-quality:
📝 Articles
🛠️ Tools
🧠 Tips

Sign up today: cssw.io/aideveloper

AI Developer Weekly Helping developers stay on top of AI tools & trends.

Are you curious about how to fit AI into your dev workflow or how to use it effectively?

Same here. That's why I'm launching the AI ​​Developer Weekly newsletter.

As with CSS Weekly, you'll get top-quality:
📝 Articles
🛠️ Tools
🧠 Tips

Sign up today: cssw.io/aideveloper

⚠️ Command: `open Google\ Chrome.app/ --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security`

🔥 Quick Tip
How to disable Cross-Origin Resource Sharing (CORS) in Google Chrome for testing purposes.

Have you tried using AI in your development workflow, and did you find it useful? 🤖

I'll appreciate any answers you might have, including yes, no, and 'hate-it'. 🙂

I usually try to make it match the site or brand colors. 🙂

An example of ::selection pseudo-element showing what text looks like with "color: rebeccapurple" and "background-color: lightpink".

Do you ever tweak the ::selection CSS pseudo-element in your projects? 🌈

YouTube video by CSS Weekly How To Create a User-Friendly Booking Solution Using Amelia WordPress Plugin

[🎥 New Video]

An overview of Amelia WordPress plugin that will help you create user-friendly booking solutions with powerful features such as:
📆 Event list and booking calendar view
🪄 Step-by-step booking wizard
🔁 Recurring appointments & events

youtu.be/CRbUuLhoE1A

CSS Weekly Issue #612 Find out if CSS Carousels are accessible, how to trim margins using margin-trim property, if you should use an owl selector, and more.

CSS Weekly #612
🎠 Are CSS Carousels are accessible?
✂️ How margin-trim works
🦉 Should you use an owl selector (* + *)
👾 Retro animations & modern CSS

Featuring @sarasoueidan.com, @jensimmons.bsky.social, @anatudor.bsky.social, @jamessw.com, @konstantindenerz.bsky.social. 🙏

cssw.io/issue-612

This seems cool, Arthur! Could you share the link? 🙂

This makes perfect sense. 💯

Do you usually work with Svelte and Vue? 🙂

Oh, that's very interesting! Thanks for sharing it! 🙏

Did you find any additional/specific drawbacks and challenges that pushed you to stop using them?

How come? 🙂

I created a guide on how to use them a while ago, in case you want to check it out: youtu.be/d6IbTQIL0uk

Am I reading this correctly, and your use cases are in WordPress? 🙂

That's fantastic, as always! Thanks for sharing it, Manuel! 🙏

Do you have any specific tricks, tips, or hacks for cascade layers? 🙂

Thanks so much for sharing this, Steve! It's a perfect fit for 3rd party plugins and widgets, but in reality, it's challenging to make it work. 🙁

Did you try with @import? And would a layer attribute for the <link> tag help with your use case?

Thanks for sharing this, Zell! 🙏

Do you have any specific examples? 🙂

This isn't ideal, but you can import them into a layer in CSS:
@import url layer(layer-name);

Also, there is a proposal to add a "layer" attribute for the <link> tag, but I don't think this has been implemented in any browsers yet. 🙁

Thanks for the heads-up, Matthew! 🙏

I tested it now, and it seems to be working (generally). Did you get any errors?

I'm not surprised at all, Adam. It was one of your CodePen demos that got me thinking about this again. 🙂

Having a @demo layer to single out the relevant code you want to showcase is so useful. 🙂

Oh, ok, gotcha! It makes sense, thanks for sharing it! 🙂

I'm really happy to hear this! Welcome aboard! 🙂

CSS Tips: Flexible Wrapping CSS Grid Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

⭐️ CSS Quick-Tip

Create a flexible CSS Grid with a varying number of items that expands, shrinks, and wraps to accommodate the number of items that can fit in one grid row.

cssw.io/css-grid-wrap

Hat-tip to @cferdinandi.bsky.social, @5t3ph.bsky.social, & @evanminto.com. 🙏

YouTube video by CSS Weekly A New Alternative to the CSS Owl Selector

Have you already tried the margin-trim property? ✂️

In this quick tip, you'll find out how it works and how it could become a good alternative to the owl selector.

youtu.be/9oAEaXWhkKU