Stephanie Eckles

Posted on Jun 22, 2020

What's in your recent search history related to CSS?

#discuss #css

Top comments (59)

KaRthick • Jun 22 '20 • Edited

--border-radius--
about whether can i achieve this image shape using border-radius or not !!!

any way couldn't achieve this !!
dev-to-uploads.s3.amazonaws.com/i/...

Stephanie Eckles • Jun 22 '20

Hi, my recent post actually covers exactly this, maybe it will help you? Good luck!

moderncss.dev/expanded-use-of-box-...

KaRthick • Jun 22 '20

yeah nice article had a look ! will try

Gnio • Jun 22 '20

This is hot. Thanks for sharing!

Alvaro Saburido • Jun 23 '20

You can also use clip-path for it dev.to/alvarosaburido/the-magic-of... ;) Happy coding!

KaRthick • Jun 23 '20

that's cool !

Stephanie Eckles • Jun 23 '20

That’s one property I haven’t spent time with 😊 Really great article, thanks for sharing!

co0kie • Jun 25 '20

9elements.github.io/fancy-border-r...

Daniel Albuschat • Jun 23 '20

For me it's, as always:
css tricks flexbox
css-tricks.com/snippets/css/a-guid...
I've read and reread that article countless times, because I always need another subtlety from flexbox.

Stephanie Eckles • Jun 23 '20

I’ve visited that page hundreds of times myself 🙌

Waylon Walker • Jun 22 '20 • Edited

Typed css in my address bar and this was what came up... which was very recent.

css selector data attribute

I was trying to style elements given a data-id attribute on kedro-static-viz.

I was expecting something much more basic like how to add a gradient, or animation.

Tim Downey • Jun 22 '20 • Edited

I was trying to improve page load times of my blog for slow mobile browsers and stumbled upon the font-display: swap property. It will display your site's text with a fallback font before any web fonts are loaded so your users don't have to wait!

developer.mozilla.org/en-US/docs/W...

John Peters • Jun 25 '20

Stephanie;
Thanks to you my CSS search history is fully under control, I'm not seeing any recent search history.

I now use your famous => box-shadow : 0 0 3px rgba(0,0,0,.28) recommendation. Thanks! I use Grid everywhere now, all my alignment problems are solved so far.

Stephanie Eckles • Jun 25 '20

🙌 🙌 🙌

Oh wow, what a compliment!

Out of curiosity, are you referring mostly to ModernCSS.dev and DEV articles, or my egghead lessons too? 😊

John Peters • Jun 25 '20

I've picked up your tips from posts here! You're the best!

Stephanie Eckles • Jun 25 '20

🥰 It took me 13 years to do it successfully, but I'm enjoying giving back to the community!

Alvaro Montoro • Jun 22 '20

Something of the line of:

css grid image height

After Ana Tudor posted something on Twitter, I tried to solve the issue, but my solution worked on Chrome on Mac, but not on Firefox or Chrome on Windows :(

Stephanie Eckles • Jun 22 '20

Fascinating! I just spent (too long) on it, interestingly your solution didn't work for me on Chrome on Mac 🤔 I will have to revisit this, an interesting problem!