DEV Community

Stephanie Eckles
Stephanie Eckles

Posted on

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

Discussion (62)

Collapse
karthick30 profile image
KaRthick • Edited on

--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/...
Alt Text

Collapse
5t3ph profile image
Stephanie Eckles Author

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

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

Collapse
gnio profile image
Gnio

This is hot. Thanks for sharing!

Collapse
karthick30 profile image
KaRthick

yeah nice article had a look ! will try

Collapse
alvarosaburido profile image
Alvaro Saburido

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

Collapse
karthick30 profile image
KaRthick

that's cool !

Collapse
5t3ph profile image
Stephanie Eckles Author

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

Collapse
co0kie profile image
co0kie
Collapse
danielkun profile image
Daniel Albuschat

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.

Collapse
5t3ph profile image
Stephanie Eckles Author

I’ve visited that page hundreds of times myself πŸ™Œ

Collapse
downey profile image
Tim Downey • Edited on

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...

Collapse
waylonwalker profile image
Waylon Walker • Edited on

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.

Collapse
jwp profile image
John Peters

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.

Collapse
5t3ph profile image
Stephanie Eckles Author

πŸ™Œ πŸ™Œ πŸ™Œ

Oh wow, what a compliment!

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

Collapse
jwp profile image
John Peters

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

Thread Thread
5t3ph profile image
Stephanie Eckles Author

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

Collapse
ridaehamdani profile image
Ridae HAMDANI

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 ... ?

Collapse
bholmesdev profile image
Ben Holmes

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 😁

Collapse
alvaromontoro profile image
Alvaro Montoro

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 :(

Collapse
5t3ph profile image
Stephanie Eckles Author

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!

Collapse
vonziu profile image
vonziu
How to add styles only for IE
Collapse
5t3ph profile image
Stephanie Eckles Author

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 :)

Collapse
vonziu profile image
vonziu

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

Collapse
jayehernandez profile image
Jaye Hernandez

Create a diamond using css

Spent an hour making it look good πŸ˜‚

Collapse
5t3ph profile image
Stephanie Eckles Author

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

Collapse
jayehernandez profile image
Jaye Hernandez

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

diamonds

Collapse
vtrpldn profile image
Vitor Paladini

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?

Collapse
fhsinchy profile image
Farhan Hasin Chowdhury

Centering stuff πŸ˜…

Collapse
5t3ph profile image
Stephanie Eckles Author

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 >

Collapse
fhsinchy profile image
Farhan Hasin Chowdhury

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

Thread Thread
5t3ph profile image
Stephanie Eckles Author

Haha, well then I’m glad that was indeed helpful! πŸ’«

Collapse
bherrero profile image
Borja Herrero • Edited on

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!

Collapse
5t3ph profile image
Stephanie Eckles Author

Haha, nice! I’m a big fan.

Perhaps this article on CSS units would be helpful:

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

Collapse
vaibhavkhulbe profile image
Vaibhav Khulbe

"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. πŸ€¦β€β™‚οΈ

Collapse
s_aitchison profile image
Suzanne Aitchison

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

Collapse
vaibhavkhulbe profile image
Vaibhav Khulbe

Haha, cheers!

Cheers GIF

Collapse
n8chz profile image
Lorraine Lee • Edited on

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.

css search history

Collapse
leonlafa profile image
Leon Lafayette

'CSS art' seems to be the trend at the moment.

Watch this space 😁

Collapse
thechrisjasper profile image
Chris Jasper

Styling scroll bars.

Collapse
king11 profile image
Lakshya Singh

Parallax and Material CSS

Collapse
mehdico profile image
Mehdi Mousavi

My last two searches :

CSS Houdini
open sans css

Collapse
thom4s profile image
Thomas

caniuse : filter()

Collapse
alvarosaburido profile image
Alvaro Saburido

My last search about css was about Neumorphism. Still playing around.

Collapse
heytulsiprasad profile image
Tulsi Prasad

No matter how hard I try, I always come back to Grid 😭😐

Collapse
marcoschneider profile image
marcoschneider

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.

Collapse
5t3ph profile image
Stephanie Eckles Author

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

Collapse
marcoschneider profile image
marcoschneider

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!

Collapse
cahyowhy profile image
cahyo wibowo

How to connect mysql with css

Collapse
sudeepgumaste profile image
Sudeep Gumaste

css grid browser support

Collapse
rattanakchea profile image
Rattanak Chea

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

Collapse
5t3ph profile image
Stephanie Eckles Author

Sounds like someone has a fun new project! :)

Collapse
sreeragsprks profile image
Sreeragsprks

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

Collapse
5t3ph profile image
Stephanie Eckles Author

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 :)

Collapse
5t3ph profile image
Stephanie Eckles Author

Legacy project you can't spend time upgrading to flexbox or grid? πŸ™ƒ

Collapse
memahesh profile image
Medam Mahesh

Hi Stephanie Eckles,

Today, I spent a lot of time making this youtube video. Dunno if it counts.

Collapse
jonrandy profile image
Jon Randy

"css in js bad idea"

Collapse
osmang670 profile image
osmang670

How to align an image when the image is bigger than the span tag?

Collapse
martixy profile image
Martin Ninov

Parsing CSS with JS. Because I need to forcibly inject some CSS into a horrid site so I can make it a little bit less horrid.

Collapse
sanchibansal340 profile image
Sanchi Bansal

About why px isn't preferred for styling