📺 "Distributed Systems 6.2: Raft"
Enjoyed this intro to the Raft consensus algorithm, part of a larger DistSys lecture series by @martin.kleppmann.com. The pseudo-code makes it actually digestible really well. Great watch!
www.youtube.com/watch?v=uXEY...
Hello friends,
Yesterday, I released the first beta version of Mishka. Due to the large number of changes, I really need your help with testing
I hope you’ll support us by trying out the new version.
The minimum requirements are Tailwind 4 and Phoenix 1.8.
elixirforum.com/t/mishka-che...
#ElixirLang
**Update**
We're actively updating all components of Mishka Chelekom. Due to their number and the previous approach, it's time-consuming. You can check some migrated components in this branch (please don't use it yet).
github.com/mishka-group...
#ElixirLang
I think #ElixirLang folks may be sleeping on Mishka: mishka.tools/chelekom. I've seen a pretty stark difference between UI abstraction and backend/server abstraction, in that UI abstractions seem to fall apart or mismatch far quicker. It isn't my area, so I can't say why or how to fix it, but with
Hi #elixir community ✈️ 🌟 🥂
We hope friends and colleagues will help us so that ideally we can fully support both DaisyUI and other custom design systems. We’re waiting for you dear ones.
#ElixirLang #Phoenix
👇👇 Please suggest us
github.com/mishka-group...
Hey #Elixir friends! 🚀 Another simple update! This time for #Phoenix Sidebar component, just need to use <.sidebar minimize> and before that run `mix mishka.ui.gen.component sidebar`
Active >= 0.0.5-alpha.11 🤯🏅
Doc: mishka.tools/chelekom/doc...
#ElixirLang
Check out the latest updates to our progress component!
We’ve added tooltips to give users more context and details as they track progress.
Plus there’s a brand new chunked vertical progress.
#JavaScript #TailwindCSS #WebDev
Here’s a demo of our new ComboBox 😱. As you can see, it’s fairly responsive to screen size and reasonably considers accessibility.
#ElixirLang #Phoenix #elixir
Doc: mishka.tools/chelekom/doc...
Great talk, and TIL about this cool trick
Pragmatism: use "Error" instead of "unknown"
But gives the ability for users to opt out of this opinionated choice with TS declaration merging
🚀 Excited to announce Mishka Chelekom v0.0.4 is out!
Now with ComboBox support and tons of updates. Don’t miss it! ✨
🔥 Bonus: You can install it now via Igniter Installer!
📄 You can find all the changes in this version in the article below 👇
mishka.tools/blog/introdu...
#ElixirLang #Phoenix #elixir
Mishka Chelekom (mishka.tools/chelekom) is now available on the ash-hq.org installer 🎉. For packages that beyond small utilities: if you can provide a smooth installation experience using igniter on top of a fresh Phoenix & Ash app, we'll get you on the installer 😎.
ash-hq.org#installer #ElixirLang
🚀 We at Mishka Chelekom just released two new components: Radio Card & Checkbox Card! 🎉 Plus, we're working on various ComboBox types—exciting updates coming soon! 🔥
Your support, even the price of a coffee per month ☕, keeps this project alive! 💙
#OpenSource #WebDev #ElixirLang
🚀 We’ve got awesome updates for Scroll Area! Watch this to see how to install & use it. Make sure to use the latest release: {:mishka_chelekom, "~> 0.0.4-alpha.5", only: :dev}. Mishka is here to cover your needs—open-source & free. Support us! ❤️
#ElixirLang #Phoenix
🚀 After 2+ months of full-time work, we're excited to announce that Mishka Chelekom library v0.0.2 is out! 🎉 With 80+ improved components and dark mode support, it’s better than ever. 🌟 Stay tuned for video content soon. 🎥 (Components and UI kit library)
#ElixirLang
hex.pm/packages/mis...
Oh! This is one of my favorite Saxon albums!
A fun little text layers fanning out when hovering demo on @codepen.io: codepen.io/thebabydino/...
No text duplication whatsoever, no JS, no images save for CSS gradients.
A bit of #SVG #filter magic 🪄 creates the #3D text peeling effect.
An entry for this week's #CodePenChallenge.
I’m fortunate to have a call with the Bluesky backend team for an hour a week, and I’m continually blown away at how good they are at engineering their systems, how thoughtful they are about protocol design, and how smoothly they’ve been handling a huge influx of new users. Seriously impressive
⚛️ I updated my reproduction from you-know-when to react 19.0.0-rc.1 and it works great 🚀
stackblitz.com/edit/tanstac...
It’s not quite the same as in v18, but definitely the perfect tradeoff:
The #Elixir community is amazing, and it truly makes me happy. I feel like a big part of Mishka hasn't been fully showcased yet. You might see default versions of components compared with Headless UI, but there's a reason for that!
Couldn't help myself & checked 💬
For those who want a tint filter, @lea.verou.me once shared this #CSS #filter technique I used a lot since (for monojicons for example):
sepia(1) hue-rotate(a) saturate(v)
If you're not afraid 👻 of #SVG filters, you can use a custom one codepen.io/thebabydino/...
Have you heard of the 🍞 API?
The long-animation-frame perf event type provides info about rendering updates that take too long.
This API is also known as LoAF and, funny enough, MS Teams won't let me type LoAF without replacing it with 🍞!
Learn more: developer.mozilla.org/docs/Web/API...
I guess sharing music is one of the joys in my life. I just love spamming songs to anyone and everyone!
People often ask me for CSS book recommendations... So, here you go :)
The text "come as you are" in all caps. It has a gold to deep pink left to right gradient fill and four plus three same gradient stroke but no fill shadows tiled above and below and distorted in a wave-like manner. The fine print at the bottom: "but fully clothed" ;) Dev Tools panel open on the right to show there's no text duplication whatsoever, not in the markup and not in pseudo-elements.
Come as you are¹ on @codepen.io codepen.io/thebabydino/...
No text duplication whatsoever, no text-shadow, no images save for #CSS gradients, no JS, just #SVG #filter magic.
Also an entry for this week's #CodePenChallenge.
¹but fully clothed
Screenshot. Shows the text "now" in all caps, with a light blue to bluish green top to bottom gradient letter face, a double stroke and a 3D extrusion effect. The outer stroke is white, while the inner one is a top to bottom gradient one from a medium blue to the same green as the letter face now, effectively looking as if it's disappearing into the letter fill at the bottom. The extrusion is deeppink at the bottom and a gold to orange top to bottom gradient on the right side. The page background is an aqua to deep blue dithered gradient. DevTools open on the right side to highlight the fact that there's no JS, no text duplication whatsoever, not in the markup and not in any pseudo-element content.
A double outline #3D text effect I made on @codepen.io codepen.io/thebabydino/...
No text duplication, no text-shadow, no images save for #CSS gradients.
Double outline created by text-stroke. Outline styling & 3D effect created by #SVG #filter magic. 🪄
An entry for this week's #CodePenChallenge.
I hope the community can support the project on GitHub with even small donations. 💙💰 Every little contribution helps us improve the quality and keep things moving forward! 🚀✨
mishka.tools/chelekom/doc...
#Elixir friends! 🎨✨ We've just updated our button components with new colors supporting both dark and light modes and new gradient. 🚀 You can now grab the latest update from the master branch.
#MyElixirStatus it is very cute 🤭
Demo link in the next comment! 👇👇
A 🆒 no JS, no text duplication, no shadows #3D text effect I made on @codepen.io for the week's #CodePenChallenge codepen.io/thebabydino/...
Just a bit of #SVG #filter magic!🪄
#Pug code generating the SVG filter is ~1KB and the CSS is half of that (20 declarations including prettifying and layout)
