Ghazal

Three browser window illustrations show changes before and after a modal opens, highlighting scrollbar behavior and layout shifts.

Ever noticed how your entire page shifts when you open a modal?

That's not a bug, that's a missing CSS property.

Un-Sass'ing My CSS: Native CSS Nesting Always Twisted Learn how to use native CSS nesting in modern browsers. Understand the & selector, specificity rules, differences from Sass, and when to use nesting with practical examples for components, themes, and...

🎉 new blogpost 🎉

Un-Sass'ing My CSS: Native CSS Nesting

Nesting was a dream feature in Sass and it's recently become 'native' in CSS.

This post covers syntax, specificity, real patterns, and the key differences you need to know.

www.alwaystwisted.com/articles/UnS...

#CSS #Sass #FrontEnd #WebDev

CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions — Smashing Magazine Prescriptive class name conventions are no longer enough to keep CSS maintainable in a world of increasingly complex interfaces. Can the new `@scope` rule finally give developers the confidence to wri...

CSS scope is cool, I say, while unbiased.

www.smashingmagazine.com/2026/02/css-...

Modern CSS Features You Should Know About YouTube video by Joy of Code

I went through 20 modern CSS and UI features that landed on the web platform from CSS Wrapped 2025

youtu.be/KGc5DYl6Lbs

ICYMI: The Astroid Framework for Joomla has a critical auth bypass. Every version before 3.3.11 is vulnerable. Joomla 5 and 6 both affected.

Full breakdown of the attack and how to check your sites:

mysites.guru/blog/astroid...

First Look Into Power Admin (Beta): A Fresh, Modern Take On Joomla’s Backend It’s been a long wait, but Power Admin is finally here, just as promised! What started as a concept years ago for Joomla admin panel is now ready...

#joomla #joomlaAdministrator #joomlaAdminTemplate #joomlaTemplate
First Look Into Power Admin (Beta): A Fresh, Modern Take On Joomla’s Backend - JoomShaper
www.joomshaper.com/blog/first-l...

January 2026 Baseline monthly digest  |  Blog  |  web.dev Read about various happenings with Baseline during January 2026

January 2026 Baseline Monthly Digest, by @malchata@mastodon.social (@developers@chromium.social):

https://web.dev/blog/baseline-digest-jan-2026

#browsers #support #webplatform #css #viewtransitions

Accessible faux-nested interactive controls A really common user interface pattern is a big clickable area, such as a card. Sometimes you need controls within that card that are also clickable. There's lots of ways to do it wrong, but fret…

Une alternative accessible aux boutons interactifs imbriqués !

Cet article en anglais présente une technique CSS pour étendre la zone cliquable d’un élément principal, tout en gardant une structure sémantique valide en liste :

a42.fr/semantic-bre...

#a11y #accessibilité #CSS

Urgent alert: Astroid has been hacked! Emergency! · Issue #1421 · templaza/astroid-framework @sonvnn SECURITY WARNING – Asteroid Framework users: Take your websites offline NOW using an .htaccess file or other server-level security measures. There is currently a wave of attacks targeting w...

Anyone using Joomla with an Astroid Framework Theme?

v3.3.3.10 appears to be compromised. Nasty hack.

Thankfully I stumbled on it in a development environment and not a live site. I’m done for the day.

github.com/templaza/ast...

The accordions are in Joomla since 5.2

Joomla! 6.1 Beta 2 announcement highlighting the start of bug fixing phase with a dark blue background.

Joomla! 6.1 Beta 2 — Bug squashing time

The Joomla Project is pleased to announce the availability of Joomla 6.1 Beta 2 for testing.

Read more: https://ow.ly/g7Yf50YoL11

#Joomla #CMS #OpenSource #Release

ZSH Functions - Customizing Your Shell for Docker Management | Christophe Avonture A collection of ZSH functions to enhance your terminal experience, including interactive Docker container management with fzf. Start new sessions, stop containers, and more with ease.

#Docker: #ZSH + #fzf = efficiency. Beyond Bash, ZSH offers deep customization. Use fzf to filter lists and trigger actions instantly. My new article explains how to use it with Docker: select containers to open shells, view logs, or delete images via shortcuts like dex or dnuke.

Releases · brianteeman/tinymce-firefoxfix Contribute to brianteeman/tinymce-firefoxfix development by creating an account on GitHub.

🚨 Firefox Flashing Issue in Joomla?

Using Joomla 5.4.3 or 6.0.3 and seeing TinyMCE flash while editing in Firefox? 🦊✨
Good news! A safe hotfix is available (same files as the upcoming release) ✅
🔗 Download now:
github.com/brianteeman/...
#Joomla #FirefoxBug #TinyMCE #WebDev 🚀

scroll-behavior The scroll-behavior CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.

🦖 Random MDN: scroll-behavior 🦖

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/scroll-behavior

The scroll-behavior CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.

#webdev #CSS

An in-depth guide to customising lists with CSS Richard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next level.

An In-Depth Guide to Customising Lists With CSS, by @richr@mastodon.social (@piccalil.li):

https://piccalil.li/blog/an-in-depth-guide-to-customising-lists-with-css/

#guides #css #lists

A code snippet outlines the syntax for the CSS property "print-color-adjust," including various global value options.

Keep your designs looking perfect in print 🖨️

The print-color-adjust property controls whether browsers can optimize colors when printing. Set it to 'exact' to preserve your exact color scheme and prevent unwanted adjustments.

Learn more 👇
developer.mozilla.org/en-US/docs/...

Abandon bootstrap. Embrace hardcoded css.

How was your Monday?

So! What better way to start the week than with a new issue of Joomla community magazine!
The February issue is waiting for you with lots of amazing articles!
Joomla community magazine website: https://ow.ly/k8az50YknFT
#Joomla #JoomlaMagazine #JoomlaCommunity

How to use the "auto" value with clamp() A CSS trick to use clamp() with sizing values like auto, min-content, max-content, etc

Temani Afif shares the topic of using calc-size() to allow auto, min-content, and max-content in clamp() (Chrome-only).

css-tip.com/clamp-auto/

CSS Anchor Positioning: Scoping, Implicit Anchors, and Conditional Hiding Manage anchor relationships with anchor-scope, leverage the Popover API's implicit anchors, and hide positioned elements gracefully with position-visibility.

CSS Anchor Positioning: Scoping, Implicit Anchors, and Conditional Hiding | Manage anchor relationships with anchor-scope, leverage the Popover API's implicit anchors, and hide positioned e... | schalkneethling.com/posts/css-an...

Typographic Scales in CSS with :heading(), sibling-index(), and pow() Learn how to build flexible, mathematical typographic scales using :heading(), sibling-index(), and pow() for cleaner CSS design systems.

Typographic Scales in CSS with :heading(), sibling-index(), and pow()

How to center an element horizontally and vertically 100 different ways to center a single element horizontally and vertically inside a container.

How to center an element horizontally and vertically
css-generators.com/center/

How to center a div? How to Center a Div in CSS Centering a div is the most impossible thing 1....

How to center a div? - DEV Community
dev.to/mb337/how-to...

Frontend News #20: CSS Grid Lanes, ::search-text Pseudo-Element, HTML Geolocation Element Enjoy the videos and music you love, upload original content, and share it all with friends, family, and the world on YouTube.

Frontend News #20
🧱 CSS Grid Lanes,
🔎 ::search-text Pseudo-Element
📍HTML Geolocation Element
❤️ Single character performance issues

Featuring @jensimmons.bsky.social, @dxnny.fun, @allenpike.com, @matuzo.at, @tolin.ski. 🙏

cssw.io/frontend-new...

My favourite 3 lines of CSS Front-end education for the real world. Since 2018.

I'm waltzing through yet another page composition and it is a waltz, because of my favourite 3 lines of CSS piccalil.li/blog/my-favo...

Explore new web powers in 2026 with native features! 🚀

From CSS nesting to native modals, say goodbye to extra libraries!

mod() The mod() CSS function returns a modulus left over when the first parameter is divided by the second parameter, similar to the JavaScript remainder operator (%). The modulus is the value lef…

🦖 Random MDN: mod() 🦖

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/mod

The mod() CSS function returns a modulus left over when the first parameter is divided by the second parameter, similar to the JavaScript remainder operator (%). The modulus is the value lef…

#webdev #CSS

CSS Custom Highlight API - Web APIs | MDN The CSS Custom Highlight API provides a mechanism for styling arbitrary text ranges on a document by using JavaScript to create the ranges, and CSS to style them.

Meet the CSS Custom Highlight API ✨

Style arbitrary text ranges without modifying the DOM.
📝 Great for search results
💻 Syntax highlighting
📚 Text annotations

Learn how it works 👇
developer.mozilla.org/en-US/docs/...

Joomla! 6.1 Beta 1 release notification with a call to check out finalized features before launch.

Joomla! 6.1 Beta 1 - Feature freeze, see what made it!

The Joomla Project is pleased to announce the availability of Joomla 6.1 Beta 1 for testing.

Read more: https://ow.ly/1Nws50Yh4sA

#Joomla #CMS #OpenSource #Release

Joomla! 6.1 Beta 1 - Feature freeze, see what made it! The Joomla Project is pleased to announce the availability of the Joomla 6.1 Beta 1 for testing.

#Joomla! 6.1 Beta 1 - Feature freeze, see what made it! developer.joomla.org/news/1019-jo... #CMS