CSS Grid continues to surprise me. There’s one feature I totally overlooked until recently… and it’s ridiculously powerful. #css #cssgrid #optimisticweb youtu.be/t41vhX5CFH8
1 month ago
2
0
0
0
Posts
Optimistic Web's posts
Wrapping up 2025 with a recap of all the CSS stuff I shared this year, hover effects, CSS masks, reveal animations, sticky footers, favicons, mouse-follow effects, and a lot more. #css #frontenddev #optimisticweb youtu.be/4cmJycdkSGc
2 months ago
1
0
0
0
CSS counters are one of those underrated tricks you don’t hear about often, but they can be super helpful. They let you create custom numbering that’s easy to manage and style however you want. #css #counters #optimisticweb youtu.be/hDg7yuHXBm4
3 months ago
1
0
0
0
If you’re like me and mostly use console.log(), there are several other console features worth knowing about. Made a quick video sharing a few of my favorites. #js #frontenddev #webdev #optimisticweb youtu.be/fqtf6-aUxyU
4 months ago
2
0
0
0
Pro tip: If your favicon still looks stuck in light mode when the rest of your site is dark, you might wanna fix that. It takes just a couple of minutes. #favicon #optimisticweb youtu.be/yWNdtvrUWek
5 months ago
4
1
0
0
Step-by-step guide to building a mouse follow animation (No third-party libraries).
6 months ago
1
0
0
0
Mouse follow animations are surprisingly simple but pack a big visual punch. Broke down the essentials to help you add this cool effect in minutes. No heavy libraries, just simple code. #css #js #frontenddev #optimisticweb youtu.be/1o3IToGRSoI
6 months ago
5
0
0
1
Responsive design doesn't need to be complicated. This CSS trick adjusts the layout across screens without using any media queries. #css #responsive #optimisticweb youtu.be/MDqhKkEN-IM
8 months ago
2
0
0
0
@alanbleiweiss.bsky.social @spiderbill.bsky.social Thanks for reposting.
8 months ago
1
0
1
0
Awesome 👍
8 months ago
0
0
0
0
Since you’ve swapped out the font icons for SVGs, you’ll need to tweak the CSS a bit too. The selector "social a > i" should now be "social a > svg", and instead of changing the color on hover and focus-visible, use the fill property. Also, don’t forget to update the transition to match.
8 months ago
1
0
2
0
If you’re looking to add some flair to your website designs, CSS masking is the way to go! Check out this guide and start experimenting with unique shapes and effects. #CSS #Masking
8 months ago
2
0
0
0
I really recommend the @optimisticweb.com YouTube channel. Their videos aren't too long and they get straight to the point, each one teaches you a really useful HTML & CSS technique
youtube.com/@optimisticweb
#webdev #html #css
9 months ago
3
1
1
0
@foldleft.bsky.social Thanks for the shoutout - that means a lot 🙏
9 months ago
1
0
0
0
@zcreatescreations.bsky.social Thanks for reposting.
9 months ago
0
0
0
0
Cool hover effects are easy, but making them accessible for keyboard users? That’s where most sites fall short. Built this one with both in mind. #css #accessibility #optimisticweb youtu.be/Kd03Y4DgC9M
9 months ago
8
4
3
0
A footer that waits until you scroll all the way down and then smoothly reveals itself. #css #stickyfooter #optimisticweb youtu.be/58kZh6_ZsA4
9 months ago
3
0
0
0
A cutout border effect without actually using the border property - easy to do with just a few lines of CSS. ✂️ #css #postagestamp #cutoutborder #optimisticweb
youtu.be/OUMvWEiQq_4
10 months ago
4
0
0
0
CSS mask-composite is a simple trick for layering effects and creating awesome designs. It's definitely worth checking out! #css #cssmask #optimisticweb youtu.be/lbgZ1VOnskQ
10 months ago
5
1
0
0
Spent some time diving into CSS mask reveal effects. If you’re looking to add smooth transitions to your website, this might be a fun place to start! #cssmask #revealeffect #optimisticweb youtu.be/z8cNQ1CnPuw
11 months ago
3
0
0
0
Turns out that creating an asymmetrical photo collage with CSS Grid is easier than expected. Try using grid-template-areas for a smooth layout! #css #cssgrid #optimisticweb youtu.be/caGLU5skTug
1 year ago
5
1
0
0
Learn how to create super smooth gradient text animations with just CSS. #css #cssanimation #optimisticweb youtu.be/QHIrp24xf-0
1 year ago
5
1
0
0
If you’re looking for a fun way to level up your CSS game, this CSS wipe effect animation with masks is a solid trick. #cssmask #wipeeffect #optimisticweb youtu.be/7rS62whIXzw
11 months ago
4
0
0
0
Made a simple tutorial on how to bring your designs to life with CSS mask reveal animations. It’s easier than you think! #css #cssmask #hovereffects #optimisticweb youtu.be/0rGwfESLNLg
1 year ago
5
0
0
0
Turns out that creating an asymmetrical photo collage with CSS Grid is easier than expected. Try using grid-template-areas for a smooth layout! #css #cssgrid #optimisticweb youtu.be/caGLU5skTug
1 year ago
5
1
0
0
Add some personality to your website with these 5 CSS hover effects! These circular animations will definitely catch some eyes. #css #cssanimation #optimisticweb youtu.be/OnOBfoT1zuw
1 year ago
5
1
0
0
CSS masking is a fun way to add creative effects to your web design. Check out this detailed video on how it works, and start experimenting. #css #cssmask #optimisticweb youtu.be/E2adTlLOduc
1 year ago
4
0
0
1
That may be country-based because I don't see anything like that.
1 year ago
0
0
0
0
Add some personality to your website with these 5 CSS hover effects! These circular animations will definitely catch some eyes. #css #cssanimation #optimisticweb youtu.be/OnOBfoT1zuw
1 year ago
5
1
0
0
And I thought they had a referral program...!
1 year ago
1
0
1
0
