I'm Seb & I'm creating #SVG tools to make the web more 🎉 fun, 🪄 magical & 🎨 colorful. 🎹 Also creating tools to learn music over at https://xitter.cf/t.co/8thlSvIZHV
Joined July 2021
- Tweets353
- Following350
- Followers1.1K
- Likes959
🙌 fffuel is for sale: flippa.com/11736623
Feel free to reach out directly if you're interested and have any questions: fffuel.co/contact/
🤹♂️ A little guide on making animated #SVG spinners: fffuel.co/svg-spinner/
fffuel.co retweeted
Inter version 4.0 → rsms.me/inter/
After two years of work on a new version of Inter, I'm so proud that it's finally released. (It's been in beta for the past year)
The changes are vast. Most notably there are six additional "Display" designs for large delicious type
fffuel.co retweeted
make it starry!
make it blurry!
make it rotate!
make it dynamic!
make it with shaders!
🚀 Just updated the color picker: fffuel.co/cccolor/
🤹♂️ Now you can copy color values as Oklch
🎨 3 new color palettes: complementary tints, complementary shades and analogous
✨ Larger visible swatch
#FrontEndTools
fffuel.co retweeted
✍️ New Article: CSS Findings From Photoshop Web Version
A look at Adobe's Web-Based Photoshop: I explored the use of CSS variables, flexbox, grid, logical properties and more. Enjoy the read!
🔗 ishadeed.com/article/photosh…
fffuel.co retweeted
CSS Trick! ⚡️
You can create gradient borders by using transparent borders 👀 No extra elements 🤙
article {
background: // layer them up with different origin!
linear-gradient(var(--bg), var(--bg)) padding-box,
var(--gradient) border-box;
border: 4px solid transparent;
}
The trick is to layer background images using different background-origin ⭐️ Then use a transparent border to define how thick the border is!
padding-box positions a background relative to an element's padding. border-box positions a background relative to the border-box 🔥
The ✨magic✨ part? You get that nested radius for free 😅
Check out the exploded view in the video and have a play with different values in the demo 🎞️
@CodePen link below! 👇
fffuel.co retweeted
😍😍😍 gsap.com/
What an amazing new look! 💙 @greensock
🎃 Halloween is approaching, and so here's a collection of grungy textures: fffuel.co/tttexture/
🤯 Really impressive updates!
🎉 Realtime colors v3 is here!
- Expanded Font options: Font Randomization, Locking, etc.
- Templates: Dashboard and Blog Post
- Custom code export
- Shade and Theme options for color exports
and much more
Watch on Youtube: youtu.be/zy7Kf8WiSyE
fffuel.co retweeted
With the new CSS linear() easing function on the horizon, the possibilities of what we can do to create natural-feeling animations and transitions in the future are greatly expanded.🚀
Look at the current state of CSS easing and what the future brings us: smashingmagazine.com/2023/09…
🤹♂️ Does your landing page have more bounce than a trampoline?
🔥 Let me take a stab at it and help turn those bounces into conversions: fffuel.co/rrroast/
#LandingPageFixer
Bézier Curves - and the logic behind them:
blog.richardekwonye.com/bezi…
fffuel.co retweeted
Astro 3.0 is out now! 🪐
30% faster and more powerful than ever. View Transitions, Image Optimization, JSX Fast Refresh, and so much more.
astro.build/blog/astro-3/
fffuel.co retweeted
New find! 👀
@referodesign is a new website for all of your web/app design inspiration ✨
✓ Over 19,000 pages and 13,000 iOS screens
✓ Search by page types, UX patterns or UI elements
✓ Combine search for fine results (sign up + illustrations)
🔗 refero.design