Creative Software Engineer from ๐ป๐ช living in Barcelona, Spain.
Developer Relations Engineer at Storyblok
Author of TresJS
Content Creator @AlvaroDevLabs
Former founder of Porsche Digital Bcn.
Have had many hats on in my life: Developer, Team Lead, Scrum Master, Architect and Product Owner. Now back to developer \o/ Interested in product discovery, quality assurance and language design.
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.
๐ Hey there, I am Waylon Walker
I am a Husband, Father of two beautiful children, Senior Python Developer currently working in the Data Engineering platform space. I am a continuous learner, and sha
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!
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.
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!
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 :)
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 ... ?
Top comments (59)
--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/...
Hi, my recent post actually covers exactly this, maybe it will help you? Good luck!
moderncss.dev/expanded-use-of-box-...
yeah nice article had a look ! will try
This is hot. Thanks for sharing!
You can also use clip-path for it dev.to/alvarosaburido/the-magic-of... ;) Happy coding!
that's cool !
Thatโs one property I havenโt spent time with ๐ Really great article, thanks for sharing!
9elements.github.io/fancy-border-r...
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 ๐
Typed css in my address bar and this was what came up... which was very recent.
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.
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...
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:
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 helpHow to grid span CSS
CSS grid stop rows from stretching
...and a bunch of other Grid-related shouting into the helpful void ๐
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! ๐น
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
?Centering stuff ๐
I'm about to make a pinned post on this, lol!
You might be joking, but for the lurkers:
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! ๐ซ
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 :)
"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 ๐
Haha, cheers!
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 ... ?
Uses of
vmin
andvmax
. I hadn't heard about them before although I knewvw
andvh
.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...
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.