Auto Animate
November 10, 2023I just recently discovered AutoAnimate, a drop in javascript utility that adds simple animations to your web app/site. What a fantastic little library to spice up 🌶️ your web app.
Blog
No more containers
November 10, 2023Tired of using containers and wrapper divs? Struggling with how to breakout sections that need to go wider than the container width? This video is 💰💰💰
If Vanna White becomes AI ...
October 31, 2023A modern "twist" on a Solari board using AlpineJs and Css.
Disable Craft Plugins
October 23, 2023In Craft 4, the environmental config override for disabledPlugins is CRAFT_DISABLED_PLUGINS.
Gradient Borders Exploded
October 23, 2023This was really cool demo on CSS gradient borders but the eye catcher is the 3d exploding layers. 2 🔥 tips for the price 1.
AlpineJS Mask
October 23, 2023
Scribbles
October 23, 2023Vector Scribbbles are FREE 🥳
Go grab them right now! https://scribbbles.design
Tabular Numbers
October 23, 2023If you're animating numbers, use this line of CSS
.numbers {
font-variant: tabular-nums;
}
It will make sure your numbers don't jump around like this 👍
Typography
October 23, 2023For anyone who loves typography, this little gem 💎 from @mikemai2awesome is one of my favorites. Clear, concise, actionable, and beautifully designed:
Interface design
October 23, 2023🔥 Design tip for developers
A good way to make your interface look “designed” is to use a consistent space scale
It's not art, it's science 🧬
With TailwindCSS this is so easy.
Gradient Border Effect
October 23, 2023Really cool CSS gradient border effect I recreated after seeing it on the warp website. Props to Wes Bos for this one.
Code: https://github.com/wesbos/hot-tips/blob/main/warp-card.html