Create account

DEV Community

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

Stephanie Eckles on June 22, 2020

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!

Ben Holmes • Jun 23 '20

position: sticky not working plz help
How to grid span CSS
CSS grid stop rows from stretching

...and a bunch of other Grid-related shouting into the helpful void 😁

Jaye Hernandez • Jun 22 '20

Create a diamond using css

Spent an hour making it look good 😂

Stephanie Eckles • Jun 22 '20

Cool! Like a shiny sparkly one, or a basic shape? Have a Codepen to share? ✨

Jaye Hernandez • Jun 23 '20

It's using the basic shape only. I tried to change the default dots in the Slick carousels to diamonds! 🔹

Vitor Paladini • Jun 22 '20

Lately I've been searching for the least used CSS properties and what they are good for. I mean, did anyone ever used widows: inherit?

Farhan Hasin Chowdhury • Jun 22 '20

Centering stuff 😅

Stephanie Eckles • Jun 23 '20

I'm about to make a pinned post on this, lol!

You might be joking, but for the lurkers:

display: grid;
place-content: center;

More options and details >

Farhan Hasin Chowdhury • Jun 23 '20

Now that's nice and I actually did search for all the possible ways of centering stuff, I wasn't joking 😅

Stephanie Eckles • Jun 23 '20

Haha, well then I’m glad that was indeed helpful! 💫

Konrad Stącel • Jun 22 '20

How to add styles only for IE

Stephanie Eckles • Jun 22 '20

Oh no, I'm sorry you have a project where this is still an issue! Good thing IE has switched to Chromium, we're soo close to kissing IE issues goodbye :)

Konrad Stącel • Jun 23 '20

Unfortunetely IE will be around for 5 more years :( But indeed Edge being Chromium based makes one more browser less for hacks :)

Vaibhav Khulbe • Jun 22 '20

"css media queries"

I don't know why but I forget the default sizes for mobile, tablet, large desktops etc whenever I start coding for responsive design. 🤦‍♂️

Suzanne Aitchison • Jun 23 '20

Saaaame 😂 my brain doesn't have capacity to remember that kind of stuff so I just double check every time 😁

Vaibhav Khulbe • Jun 23 '20

Haha, cheers!

Ridae HAMDANI • Jun 23 '20

my recent search was not directly linked to CSS but rather to the design. I always have trouble choosing the fonts for my project. I always ask myself should I use one font or two? how can I manage these fonts on my project ... ?

Borja Herrero • Jun 23 '20 • Edited

Uses of vmin and vmax. I hadn't heard about them before although I knew vw and vh.

Actually, I just realised I saw them in your last post. Thanks for that!

Stephanie Eckles • Jun 23 '20

Haha, nice! I’m a big fan.

Perhaps this article on CSS units would be helpful:

dev.to/5t3ph/guide-to-css-units-fo...

Lorraine Lee • Jun 22 '20 • Edited

Still haven't figured out the "which ancestor..." thing. Was trying to figure out how to "uncrop" images posted to Twitter.

That and Wordpress and webfonts, I guess.

Sudeep Gumaste • Jun 22 '20

css grid browser support

Sreeragsprks • Jun 22 '20

CSS from scratch....i'm really struggling to get the hang of using proper CSS ...so I'm gonna do it from scratch

Stephanie Eckles • Jun 22 '20

Good luck! There are lots of great resources - have you found one that's working well for you? I have also published a course that's free and created for beginners if you're interested. Link in my profile :)

Rattanak Chea • Jun 22 '20

Grid layout, responsive design, proper usage of CSS for dark mode

Stephanie Eckles • Jun 22 '20

Sounds like someone has a fun new project! :)

marcoschneider • Jun 22 '20

Typed css in my address bar and the last entry was "css empty boxes while loading". I was searching for skeleton loading boxes but didn't know how it was called.

Stephanie Eckles • Jun 22 '20

Nice! Did you use :empty perhaps with pseudo elements, or another solution?

marcoschneider • Jun 22 '20

I actually hadn't had time yet to look into it as the deadline finishes soon. I just thought it would be a nice to have. I'm gonna look into asap in my freetime!