Dmitry Sharabin
@d12n.me
Apprentice Software Engineer under @lea.verou.me • Teacher • Microsoft Certified Expert & Trainer
📣 A couple of days ago @karger challenged me to build the Wordle Game with @mavoweb. Since I like challenges, now we have another app showcasing awesome Mavo features. 😅
It takes ~70 lines of HTML.
Play with it and tell us what you think:
#MadeWithMavo
It takes ~70 lines of HTML.
Play with it and tell us what you think:
#MadeWithMavo
November 23, 2024 at 4:13 PM
📣 A couple of days ago @karger challenged me to build the Wordle Game with @mavoweb. Since I like challenges, now we have another app showcasing awesome Mavo features. 😅
It takes ~70 lines of HTML.
Play with it and tell us what you think:
#MadeWithMavo
It takes ~70 lines of HTML.
Play with it and tell us what you think:
#MadeWithMavo
Wow! That was an amazing journey. Thank you, @twostraws, from the bottom of my heart for the incredible work you did by developing this course: it's exceptionally thought, professionally designed, and remarkably delivered. You are THE Teacher!
#100DaysOfSwiftUI is officially ✅!
#100DaysOfSwiftUI is officially ✅!
November 23, 2024 at 4:13 PM
Wow! That was an amazing journey. Thank you, @twostraws, from the bottom of my heart for the incredible work you did by developing this course: it's exceptionally thought, professionally designed, and remarkably delivered. You are THE Teacher!
#100DaysOfSwiftUI is officially ✅!
#100DaysOfSwiftUI is officially ✅!
✅Day 44 of #100DaysOfSwiftUI. I learned:
– stride(from:to:by:), CGAffineTransform;
– the easy way to enable “even-odd rule” with FillStyle struct;
– the way to get fancy borders and fills with ImagePaint;
– how to pass heavy lifting drawing operations to Metal with drawingGroup.
– stride(from:to:by:), CGAffineTransform;
– the easy way to enable “even-odd rule” with FillStyle struct;
– the way to get fancy borders and fills with ImagePaint;
– how to pass heavy lifting drawing operations to Metal with drawingGroup.
November 23, 2024 at 4:11 PM
✅Day 44 of #100DaysOfSwiftUI. I learned:
– stride(from:to:by:), CGAffineTransform;
– the easy way to enable “even-odd rule” with FillStyle struct;
– the way to get fancy borders and fills with ImagePaint;
– how to pass heavy lifting drawing operations to Metal with drawingGroup.
– stride(from:to:by:), CGAffineTransform;
– the easy way to enable “even-odd rule” with FillStyle struct;
– the way to get fancy borders and fills with ImagePaint;
– how to pass heavy lifting drawing operations to Metal with drawingGroup.
On day 21 of #100DaysOfSwiftUI, @twostraws covers a ton of excellent stuff (just can't get used to how much you can do in so few lines of code 🤯). It took literally 15 minutes to build all the app's logic and the rest of the time — to make the app look prettier. Just wow! 😍
November 23, 2024 at 4:10 PM
On day 21 of #100DaysOfSwiftUI, @twostraws covers a ton of excellent stuff (just can't get used to how much you can do in so few lines of code 🤯). It took literally 15 minutes to build all the app's logic and the rest of the time — to make the app look prettier. Just wow! 😍
I enjoy taking part in #100DaysOfSwiftUI! Day 14 is done. Optionals, nil coalescing, optional chaining — so glad to see those features in Swift (I already know them from JS). if let, guard let and try? are my favorites. Checkpoint 9 is just the thing to solidify new knowledge. 🤩
November 23, 2024 at 4:10 PM
I enjoy taking part in #100DaysOfSwiftUI! Day 14 is done. Optionals, nil coalescing, optional chaining — so glad to see those features in Swift (I already know them from JS). if let, guard let and try? are my favorites. Checkpoint 9 is just the thing to solidify new knowledge. 🤩
Day 6 of #100DaysOfSwiftUI — loops, loops, loops again, and also ranges. Closed, half-opened, and one-sided ranges. Btw, I've never heard anything about the latter. Not a single day without revelation! And checkpoint 3 was just what the doctor ordered. What a course!
November 23, 2024 at 4:09 PM
Day 6 of #100DaysOfSwiftUI — loops, loops, loops again, and also ranges. Closed, half-opened, and one-sided ranges. Btw, I've never heard anything about the latter. Not a single day without revelation! And checkpoint 3 was just what the doctor ordered. What a course!
Hey @msexcel,
Somewhat recently, in Excel was added an awesome template—“Drop-down tutorial.” Is there a chance the source code of this template is available somewhere (or open-sourced), so I could have a look at it? I’m interested in API that was utilized to make it interactive.
Somewhat recently, in Excel was added an awesome template—“Drop-down tutorial.” Is there a chance the source code of this template is available somewhere (or open-sourced), so I could have a look at it? I’m interested in API that was utilized to make it interactive.
November 23, 2024 at 4:09 PM
Hey @msexcel,
Somewhat recently, in Excel was added an awesome template—“Drop-down tutorial.” Is there a chance the source code of this template is available somewhere (or open-sourced), so I could have a look at it? I’m interested in API that was utilized to make it interactive.
Somewhat recently, in Excel was added an awesome template—“Drop-down tutorial.” Is there a chance the source code of this template is available somewhere (or open-sourced), so I could have a look at it? I’m interested in API that was utilized to make it interactive.
New @mavoweb demo on @CodePen— Theamable Chart.
Showcases many Mavo features and the Chart plugin. And even uses @googlesheets as the data source. Yes, Mavo can manage that right out of the box!
Let us know if you want to know more about how it was made.
Showcases many Mavo features and the Chart plugin. And even uses @googlesheets as the data source. Yes, Mavo can manage that right out of the box!
Let us know if you want to know more about how it was made.
November 23, 2024 at 4:09 PM
New @mavoweb demo on @CodePen— Theamable Chart.
Showcases many Mavo features and the Chart plugin. And even uses @googlesheets as the data source. Yes, Mavo can manage that right out of the box!
Let us know if you want to know more about how it was made.
Showcases many Mavo features and the Chart plugin. And even uses @googlesheets as the data source. Yes, Mavo can manage that right out of the box!
Let us know if you want to know more about how it was made.
Build cross-platform apps with @mavoweb and @Ionicframework—use the powers of both worlds with a few lines of code provided by Mavo’s JS API (shortly—only by adding a plugin to your Mavo app).
Wanna give it a try? via
@CodePen
#mavotricks #mavoapi
Wanna give it a try? via
@CodePen
#mavotricks #mavoapi
November 23, 2024 at 4:09 PM
Build cross-platform apps with @mavoweb and @Ionicframework—use the powers of both worlds with a few lines of code provided by Mavo’s JS API (shortly—only by adding a plugin to your Mavo app).
Wanna give it a try? via
@CodePen
#mavotricks #mavoapi
Wanna give it a try? via
@CodePen
#mavotricks #mavoapi
I think I will never get used to it! Thank you very much @MMosley that you picked my pen. That help me spread the knowledge about @mavoweb. It deserves much more love than it already has. I really appreciate that.
And look whose pen is right next to mine—the one by @Una. 🎉🤩
And look whose pen is right next to mine—the one by @Una. 🎉🤩
November 23, 2024 at 4:09 PM
I think I will never get used to it! Thank you very much @MMosley that you picked my pen. That help me spread the knowledge about @mavoweb. It deserves much more love than it already has. I really appreciate that.
And look whose pen is right next to mine—the one by @Una. 🎉🤩
And look whose pen is right next to mine—the one by @Una. 🎉🤩
Another demo, inspired by @mavoweb capabilities—Tabs Widget. As usual, not a single line of JS!
⚠️ Please play with it in @firefox or Safari (there is a known bug in @googlechrome, causing a problem with the layout—).
via @CodePen
⚠️ Please play with it in @firefox or Safari (there is a known bug in @googlechrome, causing a problem with the layout—).
via @CodePen
November 23, 2024 at 4:09 PM
Another demo, inspired by @mavoweb capabilities—Tabs Widget. As usual, not a single line of JS!
⚠️ Please play with it in @firefox or Safari (there is a known bug in @googlechrome, causing a problem with the layout—).
via @CodePen
⚠️ Please play with it in @firefox or Safari (there is a known bug in @googlechrome, causing a problem with the layout—).
via @CodePen
If you need a fully interactive feedback form on your site, there is no need to write code in JavaScript. Use @mavoweb instead! 😉
And here comes an example form you can play with.
Mavo Feedback Form. No JS! via @CodePen
And here comes an example form you can play with.
Mavo Feedback Form. No JS! via @CodePen
November 23, 2024 at 4:09 PM
If you need a fully interactive feedback form on your site, there is no need to write code in JavaScript. Use @mavoweb instead! 😉
And here comes an example form you can play with.
Mavo Feedback Form. No JS! via @CodePen
And here comes an example form you can play with.
Mavo Feedback Form. No JS! via @CodePen
Einstein knows his way around! 😂 Be like Einstein—give @mavoweb a try! @TussaudsAms
November 23, 2024 at 4:08 PM
Einstein knows his way around! 😂 Be like Einstein—give @mavoweb a try! @TussaudsAms
Inspired by @MIT_CSAIL research paper, I built a fully customizable carousel widget using only HTML, CSS, and @mavoweb.
Here is the pen you can play with: via @CodePen
And here is the paper:
#mavotricks #widget #carousel
Here is the pen you can play with: via @CodePen
And here is the paper:
#mavotricks #widget #carousel
November 23, 2024 at 4:08 PM
Inspired by @MIT_CSAIL research paper, I built a fully customizable carousel widget using only HTML, CSS, and @mavoweb.
Here is the pen you can play with: via @CodePen
And here is the paper:
#mavotricks #widget #carousel
Here is the pen you can play with: via @CodePen
And here is the paper:
#mavotricks #widget #carousel
In @mavoweb, there is a way to get the first letter of any word: `first(split(word, ''))`.
Is there a way to get any character we need? Sure. Try this: `get(word, position)`.
#mavotricks #anycharacter
👇Read the thread
Is there a way to get any character we need? Sure. Try this: `get(word, position)`.
#mavotricks #anycharacter
👇Read the thread
November 23, 2024 at 4:08 PM
In @mavoweb, there is a way to get the first letter of any word: `first(split(word, ''))`.
Is there a way to get any character we need? Sure. Try this: `get(word, position)`.
#mavotricks #anycharacter
👇Read the thread
Is there a way to get any character we need? Sure. Try this: `get(word, position)`.
#mavotricks #anycharacter
👇Read the thread
In @mavoweb, there are complex properties or groups. In most cases, groups inferred from the hierarchical structure of your properties and are represented by more than one HTML element.
Can one HTML element represent a group? The `typeof` attribute would help.
#mavotricks #typeof
Can one HTML element represent a group? The `typeof` attribute would help.
#mavotricks #typeof
November 23, 2024 at 4:08 PM
In @mavoweb, there are complex properties or groups. In most cases, groups inferred from the hierarchical structure of your properties and are represented by more than one HTML element.
Can one HTML element represent a group? The `typeof` attribute would help.
#mavotricks #typeof
Can one HTML element represent a group? The `typeof` attribute would help.
#mavotricks #typeof
If you want to change an element placeholder text which @mavoweb generates for you automatically, but changing the `aria-label` attribute value might break your app's #a11y, add to the element the `mv-edit-placeholder` attribute with the needed value.
#mavotricks #placeholdertext
#mavotricks #placeholdertext
November 23, 2024 at 4:08 PM
If you want to change an element placeholder text which @mavoweb generates for you automatically, but changing the `aria-label` attribute value might break your app's #a11y, add to the element the `mv-edit-placeholder` attribute with the needed value.
#mavotricks #placeholdertext
#mavotricks #placeholdertext
Thank you Alex (@digitalix)! It's an honor for me.
November 23, 2024 at 4:08 PM
Thank you Alex (@digitalix)! It's an honor for me.
Another experiment with @mavoweb — Project Management Application based on cards.
Some statistics:
HTML — 82 lines long pug-file
CSS — 578 lines (the heaviest part) — @tailwindcss is awesome!
JavaScript — 0(!) lines 🥳 Mavo ROCKS!!!
Some statistics:
HTML — 82 lines long pug-file
CSS — 578 lines (the heaviest part) — @tailwindcss is awesome!
JavaScript — 0(!) lines 🥳 Mavo ROCKS!!!
November 23, 2024 at 4:08 PM
Another experiment with @mavoweb — Project Management Application based on cards.
Some statistics:
HTML — 82 lines long pug-file
CSS — 578 lines (the heaviest part) — @tailwindcss is awesome!
JavaScript — 0(!) lines 🥳 Mavo ROCKS!!!
Some statistics:
HTML — 82 lines long pug-file
CSS — 578 lines (the heaviest part) — @tailwindcss is awesome!
JavaScript — 0(!) lines 🥳 Mavo ROCKS!!!
TIL that @mavoweb is blocked in Russia as a result of the war against the Telegram messenger. That makes Mavo usage almost impossible in Russia!
WTF. I'm extremely upset. 😭
WTF. I'm extremely upset. 😭
November 23, 2024 at 4:07 PM
TIL that @mavoweb is blocked in Russia as a result of the war against the Telegram messenger. That makes Mavo usage almost impossible in Russia!
WTF. I'm extremely upset. 😭
WTF. I'm extremely upset. 😭
Wow! I can't believe it. @LeaVerou, thank you so much. It's an honor for me!
November 23, 2024 at 4:07 PM
Wow! I can't believe it. @LeaVerou, thank you so much. It's an honor for me!