Matia(@joyofcodedev) 's Twitter Profileg
Matia

@joyofcodedev

Web historian from 🇭🇷.

✍️ https://t.co/VcBmgMNMZ1
🪄 https://t.co/HowsJKxhOn
▶️ https://t.co/AoQ2wDV8qx
🔴 https://t.co/3BTiLVAG8H
💬 https://t.co/NGWHBdR8d1

ID:1483874318459232264

linkhttps://joyofcode.xyz/ calendar_today19-01-2022 18:50:03

1,4K Tweet

4,8K Takipçi

325 Takip Edilen

Matia(@joyofcodedev) 's Twitter Profile Photo

What about frontmatter?

You can do the same thing mdsvex does under the hood — parse the frontmatter and export the metadata.

You can import Markdown files since they're treated as modules and grab the content and metadata to render on the page.

What about frontmatter? You can do the same thing mdsvex does under the hood — parse the frontmatter and export the metadata. You can import Markdown files since they're treated as modules and grab the content and metadata to render on the page.
account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

Making a simple Markdown preprocessor in Svelte is not hard and gives you complete control.

Whatever you pass to `extensions` gets treated as a Svelte file so you can transform the content before it gets compiled by Svelte.

You can author in Markdown and use Svelte components.

account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

🪄 Learn how to craft magical spells that work across files and components using Svelte's powerful reactivity.

youtu.be/HnNgkwHZIII

🪄 Learn how to craft magical spells that work across files and components using Svelte's powerful reactivity. youtu.be/HnNgkwHZIII
account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

Learn how to use the modern syntax highlighter Shiki 式 to syntax highlight code blocks, use multiple themes, and write your own transformers to customize the generated HTML. 🔥

youtu.be/LJL3nLBPrmA

Learn how to use the modern syntax highlighter Shiki 式 to syntax highlight code blocks, use multiple themes, and write your own transformers to customize the generated HTML. 🔥 youtu.be/LJL3nLBPrmA
account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

I'm working on the next video but meanwhile give this one a watch in case you missed it — I love how most Vim people are chill but JetBrains users have the need to speak the truth. 😂

account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

Learn some tips and tricks on how to be more productive in VS Code using repeat keys, and keyboard shortcuts — including some great extensions to extend the base functionality of the editor. 🔥

youtu.be/QHfnVtgU2II

Learn some tips and tricks on how to be more productive in VS Code using repeat keys, and keyboard shortcuts — including some great extensions to extend the base functionality of the editor. 🔥 youtu.be/QHfnVtgU2II
account_circle
Rich Harris(@Rich_Harris) 's Twitter Profile Photo

in case you were — inexplicably — doing something other than watching Svelte Summit over the weekend, you may have missed that Svelte 5 is now in its release candidate phase. onward!

blog post: svelte.dev/blog/svelte-5-…

video: youtube.com/watch?v=xCeYmd…

account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

🪄 I released a video on solving an interesting code indenting problem in Animotion.

youtu.be/e_-CNRFwNoQ

🪄 I released a video on solving an interesting code indenting problem in Animotion. youtu.be/e_-CNRFwNoQ
account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

I released a video on using one magical line of CSS to achieve a responsive CSS grid layout. 🪄

youtu.be/b9N1qLTVhvs

I released a video on using one magical line of CSS to achieve a responsive CSS grid layout. 🪄 youtu.be/b9N1qLTVhvs
account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

I love that you can write a simple Markdown preprocessor in Svelte to include interactive components in your post.

account_circle
Salma(@whitep4nth3r) 's Twitter Profile Photo

Anjin: Tell him that writing CSS is futile. Its mastery is far beyond the reach of any sane human, and the adoption of pre-defined utility classes that, granted, bloat markup and muddy the waters, is the only way to ship quickly.

Mariko: He says you should install tailwind.

Anjin: Tell him that writing CSS is futile. Its mastery is far beyond the reach of any sane human, and the adoption of pre-defined utility classes that, granted, bloat markup and muddy the waters, is the only way to ship quickly. Mariko: He says you should install tailwind.
account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

Learn about custom renderers and more in this video where I show the use of special Svelte elements to make a custom Markdoc renderer. 🔥

youtu.be/mWt7jsgZIWw

Learn about custom renderers and more in this video where I show the use of special Svelte elements to make a custom Markdoc renderer. 🔥 youtu.be/mWt7jsgZIWw
account_circle
Svelte Society 🧡(@SvelteSociety) 's Twitter Profile Photo

We’re assembling a crack team of developers to build out the new Svelte Society website! Are interested in helping out?

Are you interested in writing recipes for the cookbook?

Adding packages and resources?

Come on over to github.com/svelte-society…

account_circle
Matia(@joyofcodedev) 's Twitter Profile Photo

I asked about line numbers in Shiki Magic Move and not a day later Anthony Fu implements it. 🙏

github.com/shikijs/shiki-…

account_circle