cubiq

🫧 So I made it ~ Liquid ~ no JavaScript, just #CSS Link in the 🧵 @Apple @Figma

@brendonovich Switching from tauri to electron genuinely sounds like a step back. Are you sure the performance bottlenecks were caused directly by tauri? looks great and super smooth. Nice rewrite.

we've moved opencode desktop to electron. it's faster, more reliable, and will replace our tauri build soon. try it out in beta via the link below.

@framer @mrblackstudio Lee Black is an absolute state of the art, legend, goat. Such an inspiring episode <3

🎬 Framer Creators Ep. 2 is here! Meet @mrblackstudio, founder of 1042 Studio, winner of the Best Framer Designer award. From a printing background, working with magazines, to building stunning websites and components in Framer

@repalash @tonyblu331 that's actually incredible. wonderful job Palash! Looking forward to trying it out myself! Are you planning to release this when it's time? Magnificent work really!

@CubiqNation @tonyblu331 Yes, foreign object. Image works, i am getting 40-60fps. its rendering every frame. I think its caching something(svg html renderer) surprisingly images and css animations dont work in chrome without the polyfill.

got html-in-canvas working with polyfill in all browsers including safari. and it works better than in canary(for now) send me your examples to try out

@shashwth so is this not just a gyro? If not, holy that's impressive!

spatial scrubbing. quick studies with x-code + antigravity

@tonyblu331 @repalash basically fallback to foreignobject trick. it is not the safest fallback since the images that would make the rasterization performance drop to 1fps lol. there are tricks to workaround that but it is still very impressive to see this in the first place. Great job Palash!

@repalash How are you making it backwards compatible?

@rpavlini Here's the 10/10 approach for liquid glass on web everyone has been dreaming of <3 perfect job!

naturally, had to give liquid glass UI a try next

@artur_bien beautiful demo. Are you planning to experiment with html in canvas or it is still time go glaze our svg filters? :D

Blur in UI often shouldn’t be fixed - it should scale with the size of the element. The same blur can feel too weak on large surfaces and too strong on small ones. Too little blur leaves too much detail. Too much blur turns everything into mush. A good example is video call UIs: camera-off participant tiles often use a blurred avatar as a backdrop. Two ways to handle it: - SVG - CSS container queries Code below 👇

@JaceThings @itsnoahd Best collab ever. Gosh that site is smooth!

Every date exists somewhere in Pi. @itsnoahd and I made a way to find them all. A little late for Pi Day, but here it is; pi2.day

@Ibelick perfectly implemented as always <33

magnetic morph exploration

@ty_kra_lab so hyped already!

This week I’m going to show something new that has never built in the history of software. I believe that this demo will gain a lot of attention. This is not Liquid Glass. Dynamic Scalar Field UI Runtime

@Jane0ri @rebane2001 you two should collab ✨

Someone built an x86 emulator in 100% CSS lyra.horse/x86css/ the automatic non-hover version of my CSS CPU Hack and my addressable CSS variable assignment (ASM registers) detailed in my CSS Data Exfiltration hack! dev.to/janeori/100-cs… Fuckin cool!!

@learnframer @framer ive seen people including my brother using this to open em in new tab. I wouldn't be even surprised if this was part of some accessibility standards. I say keep it as is.

don't make this @framer mistake! having draggable links and images on sites can be a bad user experience. make sure to add "draggable" style set to "no" on images and links.

@fw3d @framer that's the smoothest progblur ive seen on web! great job as always fred!!

i spent 45+ hours implementing this one pager from a figma design → straight into @framer i hear you ask… why did it take so long if i didn't even design it? read on ↓

@rebane2001 mindblowing, as always.

i built an entire x86 CPU emulator in CSS (no javascript) you can write programs in C, compile them to x86 machine code with GCC, and run them inside CSS

@rebane2001 @luciascarlet <3 cant wait to see!!

@CubiqNation @luciascarlet no it's something bigger i think

i just made something in css you people wouldn't believe

@mikesmith187 🦄🦄🦄

A daunting list. Where do I start?

@rogie I like it more this way. Anyways, congrats on your breakthrough!

this wont get much for likes, but idc. it represents a significant breakthrough in my own learning and knowledge of shaders

@plazzingaround thank god turbowarp is so superior. Have managed to get my brother into code. The most useful blocks that properly taught him the programming? Return blocks and temporary variables. The implementations in tw are so good and honestly so easy to understand. Cya scratch.

Scratch, the coding website (scratch.mit.edu) is planning to actively training AI off of users creations and projects and using AI moderation for the site. It's in the TOS and there's no way to back out of it.

@rebane2001 the moment i got redirected to youtube I knew 😭

ugh!! i was working on a NEW viral mobile game idea where you throw your phone like a basket ball and ended up breaking my screen when it bounced off my sofa onto the floor ☹️