CSS Weekly

Helping you keep up with CSS. Created by Zoran Jambor.

2025-06-04

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

2025-06-02

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

2025-06-02

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

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

[🎥 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

2025-05-28

CSS Weekly #612
🎠 Are CSS Carousels are accessible?
✂️ Trim margins using margin-trim property
🦉 Should you use an owl selector (* + *)
👾 How retro animations inspire modern CSS

Featuring @SaraSoueidan, @jensimmons, @malarkey, @anatudor, @jamessw, @konstantindenerz. 🙏

cssw.io/issue-612

2025-05-19

⭐️ 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.

youtu.be/EeM5wnhO9iI

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

2025-05-12

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

2025-05-07

CSS Weekly #610
🏞️ Minimal Blurry Image Placeholders
🚀 The Modern attr()
⛔️ Navigation Menu UI Mistakes
🪟 Using backdrop-filter for UI Effects

Featuring @Kalabasa, @shadeed9, @MartijnHols, @amit_sheen, @Amy_Hupe, @addyosmani. 🙏

css-weekly.com/issue-610/

2025-05-01

In-Depth Guide to BeTheme 🎨

Find out how you can easily create websites with BeTheme WordPress Theme, using its powerful, developer-friendly features like Query Loop Builder with built-in WooCommerce compatibility.

cssw.io/betheme-guide

2025-04-30

I'm always fascinated when I hear YouTube's audio translation of my videos.

It sounds quite natural, but I'm not sure how accurate or useful it really is. Do you ever watch auto-translated videos? 🙂

2025-04-28

A short guide to the CSS Owl Selector 🦉

Are you using it or avoiding it?

youtu.be/0O0ssm70g1g

2025-04-25

I've been trying out Cursor AI Editor to build an app without touching code, and I'm impressed and frustrated at the same time.

Does anybody have any tips on writing better prompts? 🙂

A screenshot of the cursor.com landing page.
2025-04-25

[🎥 New Video]

Find out how you can easily create advanced headers and footers, including sticky menus, action bars, mega dropdowns, and off-canvas menus, using the Blocksy WordPress theme.

cssw.io/mega-menus-wordpress-b

2025-04-21

Frontend Focus newsletter: frontendfoc.us/

2025-04-21

Top 5 CSS Navigation Menu Mistakes: cssw.io/navigation-ui-mistakes

2025-04-21

Really happy to see my article on common UI gotchas in navigation menus featured in Frontend Focus newsletter. 🙏

If you still haven't read it, the link is below. And if you're still not subscribed to Frontend Focus, fix this mistake immediately. 😉

A screenshot of an email client showing Frontend Focus newsletter with highlighted article "Top 5 CSS Navigation Menu Mistakes" by Zoran Jambor.
2025-04-17

I've been dealing with a ton of spam lately, and this is the best type of spam I regularly get — kind-hearted messages thanking me and praising my work. 🤣

Still spam, still annoying to deal with, even with solid filters in place. 😠

A screenshot of an email client with 1587 spam messages in a folder, with kind, thank you messages.
2025-04-15

The word is (in my comments section) that @chriscoyier is a legend. 🦄

But even this might be an understatement. The influence Chris has on promoting CSS and pushing it forward is indescribable.

Thank you so much for everything you do for our community, Chris! 🙏

A comment on CSS Weekly's video stating that Chris Coyier is a legend.
2025-04-14

Thanks so much to @posthog for sponsoring! 🙏

To get hands-on tips on building better products, sign up for their fantastic newsletter: cssw.io/product-for-engineers-

2025-04-14

Frontend News #14
🫶 Fix -webkit-text-stroke
📜 Start using border-image
🚀 Properly size your images

Featuring @chriscoyier, @malarkey, & others! 🙏

youtu.be/Po86wXWmPSI

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst