DEV Community

Cover image for Some small Css tips #012
Stephan Nijman
Stephan Nijman

Posted on • Originally published at since1979.dev

4 3

Some small Css tips #012

To continue on my previous post here are some more tweets with little Css tips that might help you in your projects.

Css background image set.


Control touch interactions.


No pointer events.



Pointer-Events docs: https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

Event Bubbling: https://javascript.info/bubbling-and-capturing


Slicing with Clip path.



Clip-path docs: https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path

Subscribe and Follow

Subscribe to my Youtube channel.

Follow me on Twitter

Thanks for reading/watching and stay safe

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read full post →

Top comments (2)

Collapse
 
kritishd8 profile image
Obscure.

Clip-path in that button is so cool!

Collapse
 
vanaf1979 profile image
Stephan Nijman

Yeah. Its a pretty silly example, but you can probably come up with more creative use cases! 😀

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video