Creative Software Engineer from 🇻🇪 living in Barcelona, Spain.
Developer Experience 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.
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 :)
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!
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 ... ?
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.
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!
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 :)
Creative Software Engineer from 🇻🇪 living in Barcelona, Spain.
Developer Experience Engineer at Storyblok
Author of TresJS
Content Creator @AlvaroDevLabs
Former founder of Porsche Digital Bcn.
--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-...
This is hot. Thanks for sharing!
yeah nice article had a look ! will try
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!
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! 🔹
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 :)
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! 💫
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
?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!
"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.
How to connect mysql with css
Legacy project you can't spend time upgrading to flexbox or grid? 🙃
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 art' seems to be the trend at the moment.
Watch this space 😁
Grid layout, responsive design, proper usage of CSS for dark mode
Sounds like someone has a fun new project! :)
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 :)
My last search about css was about Neumorphism. Still playing around.
No matter how hard I try, I always come back to Grid 😭😐
css grid browser support
My last two searches :
CSS Houdini
open sans css
Styling scroll bars.
caniuse : filter()
Parallax and Material CSS
"css in js bad idea"
How to align an image when the image is bigger than the span tag?
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.
About why px isn't preferred for styling