Social Media Ideas for Css3

CSSOM (Cascading Style Sheets Object Model)

Dripyard Premium Drupal Themes: Why CSS Style Queries Are a Bigger Deal Than You Think

The last remaining reason to compile your CSS has just disappeared.CSS Style Queries have reached Baseline support across all major browsers, and they unlock something we've wanted...

Another Stab at the Perfect CSS Pie Chart… Sans JavaScript!

We dive again into CSS Pie Charts! This time, Author Antoine Villepreux delivers semantic and flexible charts without a single line of JS. Another Stab at the Perfect CSS Pie Char...

The Hairline Border Trick: One CSS Property Doing Three Jobs

Open the inspector on any Linear card, any Stripe input, any Vercel panel. Look for the border. Now look at the box-shadow property…Continue reading on UX Planet »

offset-path

The offset-path property in CSS defines a movement path for an element to follow during animation. This property began life as motion-path. This, and all other related motion-* pro...

Cross-Document View Transitions: Scaling Across Hundreds of Elements

Every view-transition-name on a page must be unique. The problem is that every pseudo-element selector in your CSS targets a specific name, so your animation styles explode into an...

Prop For That

Props for That creates live props based things CSS can't normally see in the browser. Things like cursor position, progress values, certain form states, current time, scroll veloci...

@custom-media

The CSS @custom-media at-rule allows creating aliases for media queries. @custom-media originally handwritten and published with love on CSS-Tricks. You should really get the news...

CSS Anchor Positioning: The End of Manual Tooltip Calculations?

Still using Popper.js or Floating UI? CSS Anchor Positioning is production-ready in 2026 and handles tooltips and popovers in CSS with better performance.

What’s !important #12: Safari Testing, ::checkmark, HTML Anchor Positioning, and More

The old (testing in Safari when you don’t have Safari), the new (::checkmark), the in-between (anchor positioning but with HTML), and more. What’s !important #12: Safari Testing,...

Creating Memorable Web Experiences: A Modern CSS Toolkit

There are many ways to create memorable experiences. Sometimes it's as simple as a form that completes smoothly. But here I'm interested in sharing techniques I reach for when I wa...

What’s !important #13: @function, alpha(), CSS Wordle, and More

CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now. What’s !important #1...

::search-text

The CSS ::search-text pseudo-element selects the matching text from your browser's "find in page" feature. ::search-text originally handwritten and published with love on CSS-Tri...

Get Ready For the Powerful CSS border-shape Property!

We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property! Get Re...

Safari Technology Preview 246 widens color, images and attr()

I opened the STP 246 notes between meetings and ended up writing four little test stylesheets before I closed the tab, which is usually how a release earns its keep. The short vers...

The Shifting Line Between CSS States and JavaScript Events

CSS has always had pseudo-classes that style things when baed on user interactions. Recent features, however, are blurring the line between what CSS "listens" for and how they are...

Building Custom Form Selection Blocks - no JS, all CSS

I apologize for what may be a slightly misleading title. The topic for this post is something I've had on my list of things to explore for some time now, and while I wait for the n...

Choosing CSS Selectors for Production: Specificity, Modern Pseudo-Classes, and Maintainable Styles

Struggling with CSS selector specificity in production? Learn when to use :has(), :is(), and :where() to keep styles predictable and maintainable.

Stop Using JS for Everything: Harnessing the Power of Pure CSS in 2026

I remember when building a simple dropdown menu or a sticky header required a library like jQuery. Later, we moved to writing Stimulus controllers or React hooks for every single t...

Glide.js: Responsive JavaScript Slider & Carousel with CSS3 Transitions

View Demo | Download sourceCreate responsive sliders and carousels with Glide.js, a dependency-free JavaScript library with touch support, controls, and CSS3 transitions.

Table and Cards views with animated transitions on sorting, switching view, and browser resizing (no dependencies, just...

Comments

What’s !important #14: Gap Decorations, random(), <select> field sizing, and More

I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations...

State.js – a CSS‑native front end framework that runs without a server

Comments

Stop Using JS for Everything: Harnessing the Power of Pure CSS in 2026

I remember when building a simple dropdown menu or a sticky header required a library like jQuery….