fffuel.co

I'm Seb & I'm creating #SVG tools to make the web more 🎉 fun, 🪄 magical & 🎨 colorful. 🎹 Also creating tools to learn music over at

[fffuel.co @ffffffuel]

@davay42 Hey Davay. Yeah, pretty big move on my part. I've been focusing primarily on another project, and could really use the influx of money.

I think fffuel could really benefit by being in the hands of someone with more time to spend on it.

[fffuel.co @ffffffuel]

🙌 fffuel is for sale: https://t.co/QhqmsDWrGM

Feel free to reach out directly if you're interested and have any questions: https://t.co/PbEE1SgBDd

[fffuel.co @ffffffuel]

@jemartel98 Hey Jean. Selling the entire website, including the domain.

[fffuel.co @ffffffuel]

@marclou No days off?

[fffuel.co @ffffffuel]

🤹‍♂️ A little guide on making animated #SVG spinners: https://t.co/iFstl7YtqU

[fffuel.co @ffffffuel]

@kacperfyi Thanks for sharing! 🙌

[Rasmus Andersson @rsms]

Inter version 4.0 → https://t.co/ULjFmnOO3k

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

[Viki ✨ @viki_code]

Responsive HTML table with sticky columns and mobile view created using only CSS and HTML ✨

CodePen link below 👇

[˗ˏˋ rogie ˎˊ˗ @rogie]

make it starry!
make it blurry!
make it rotate!
make it dynamic!
make it with shaders!

[fffuel.co @ffffffuel]

🚀 Just updated the color picker: https://t.co/YgzDawxobd

🤹‍♂️ Now you can copy color values as Oklch
🎨 3 new color palettes: complementary tints, complementary shades and analogous
✨ Larger visible swatch

#FrontEndTools

[Ahmad Shadeed @shadeed9]

✍️ 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!

🔗 https://t.co/RQHcwAEARW

[jhey ʕ•ᴥ•ʔ @jh3yy]

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 @ffffffuel]

🧱 Isometric design builder: https://t.co/dY1cQxTE8n via @ffffffuel

[Manoela Ilic @crnacura]

😍😍😍 https://t.co/7vtThLk9kH

What an amazing new look! 💙 @greensock

[fffuel.co @ffffffuel]

🐈🎹 Cat piano: https://t.co/uidrvxo5Pz

[fffuel.co @ffffffuel]

🎃 Halloween is approaching, and so here's a collection of grungy textures: https://t.co/y1KPtNvVTI

[fffuel.co @ffffffuel]

🤯 Really impressive updates!

[Juxtopposed @juxtopposed]

🎉 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: https://t.co/qbj2FxB9go

[Smashing Magazine 🇺🇦 🏳️‍🌈 @smashingmag]

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: https://t.co/ZA0mUVfIFX

[fffuel.co @ffffffuel]

🤹‍♂️ Does your landing page have more bounce than a trampoline?

🔥 Let me take a stab at it and help turn those bounces into conversions: https://t.co/UzZdMHoAiJ

#LandingPageFixer