Forem

Cover image for My Top CSS Tips As Shared on Twitter - Part 1
Stephanie Eckles
Stephanie Eckles

Posted on • Edited on

101 21

My Top CSS Tips As Shared on Twitter - Part 1

Hi! I'm @5t3ph on Twitter (and most other places on the web) and I often share CSS tips there. These come from my 13+ years experience, and are pulled from my current work as well as solutions I've explored within my tutorials from ModernCSS.dev.

Some of those tips have gotten folx pretty excited about CSS features, so I wanted to compile them here!

Create a Gradient Border

And here's a bonus starting CodePen for this effect >

object-fit For Responsive Images

Create A Square-Joined Border

Access An Attribute's Value

Link Legibility

Responsive Layout Spacing

Flip An Element

Trick For Using :visited

More Aesthetic :focus Styles

Colors in Windows High Contrast Mode

Don't Forget :target Styles!

Image of Datadog

The Future of AI, LLMs, and Observability on Google Cloud

Datadog sat down with Google’s Director of AI to discuss the current and future states of AI, ML, and LLMs on Google Cloud. Discover 7 key insights for technical leaders, covering everything from upskilling teams to observability best practices

Learn More

Top comments (3)

Collapse
 
dcuttridge profile image
Daniel Cuttridge

Great stuff. Much love for the non-SASS examples too!

Collapse
 
ben profile image
Ben Halpern

Great round up.

Collapse
 
georgedoescode profile image
George Francis

Yes! I'm always a big fan of your CSS tips. Thanks for sharing!

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay