loading...

Discussion

markdown guide
 

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

 

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

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

 

This is hot. Thanks for sharing!

 

yeah nice article had a look ! will try

 
 

Thatโ€™s one property I havenโ€™t spent time with ๐Ÿ˜Š Really great article, thanks for sharing!

 
 
 

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.

 

Iโ€™ve visited that page hundreds of times myself ๐Ÿ™Œ

 

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

 

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.

 

w3schools.com/css/css_float_clear.asp
alligator.io/css/prevent-line-break/

because after programming css for over a decade i still cant remember how to do this. Makes you wonder if the problem is the chicken or the egg.

 

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

 
 

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.

 

๐Ÿ™Œ ๐Ÿ™Œ ๐Ÿ™Œ

Oh wow, what a compliment!

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

 

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

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

 

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

 

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!

 

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 ๐Ÿ˜

 

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

 

"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. ๐Ÿคฆโ€โ™‚๏ธ

 

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

 
 

Apply clip path on card when :hover.

So I have an svg circle out of the div, and I want it to fill the card when on hover.

I ended up with the 3 first cards you see here.
Https://wickedtemplates.com
..

 

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?

 
How to add styles only for IE
 

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

 

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

 

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!

 

Haha, nice! Iโ€™m a big fan.

Perhaps this article on CSS units would be helpful:

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

 
 

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 >

 

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

Haha, well then Iโ€™m glad that was indeed helpful! ๐Ÿ’ซ

 

Create a diamond using css

Spent an hour making it look good ๐Ÿ˜‚

 

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

 

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

diamonds

 

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

 
 

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

 

No matter how hard I try, I always come back to Grid ๐Ÿ˜ญ๐Ÿ˜

 
 

My last two searches :

CSS Houdini
open sans css

 

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

Watch this space ๐Ÿ˜

 

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.

 

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

 

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!

 
 

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

 

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

 

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

 

Sounds like someone has a fun new project! :)

 
 

How to connect mysql with css

 

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.

 
 

Hi Stephanie Eckles,

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

 

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

 

About why px isn't preferred for styling