Michael Aufreiter
@michaelaufreiter.com
On a mission to make the internet editable. Building https://editable.website and https://svedit.dev.
Wrote about how you can now translate your website right on the page (without a separate admin panel). editable.website/translate-yo...
Translate your website on the page
As of Editable 2.0 Preview 9 there's an opt-in translation system built into the editing experience.
editable.website
Michael Aufreiter@michaelaufreiter.com · 2w agoI think this might be the easiest way to translate website content. What do you think? 😊
Oh boy! This is already looking promising... Thanks to CSS Custom Highlights syntax highlighting can be on during editing, without messing with Svedit's selection mapping.
Michael Aufreiter@michaelaufreiter.com · 6d agoNow is the time: Will try to sprinkle some TWINKLEPLOP into editable.website this weekend. 😁
Now is the time: Will try to sprinkle some TWINKLEPLOP into editable.website this weekend. 😁
pngwn@pngwn.at · 2w agoAfter about a year, on and off, I am veeeery happy to release TWINKLEPLOP, a syntax highlighter of tremendous power! The speed of prism with the customisation of Shiki. twinkleplop.pngwn.at
Oh, and how could I forget to mention: We are running on SvelteKit 3 now. 🔥
Michael Aufreiter@michaelaufreiter.com · 6d agoBig one: Editable 2.0 Preview 9 is out — Native support for multilingual sites — Copy link to block (aka deep linking) — Improve video processing (better quality, smaller file size) — Preserve structure and formatting when pasting HTML from clipboard github.com/michael/edit...
Big one: Editable 2.0 Preview 9 is out — Native support for multilingual sites — Copy link to block (aka deep linking) — Improve video processing (better quality, smaller file size) — Preserve structure and formatting when pasting HTML from clipboard github.com/michael/edit...
Michael Aufreiter@michaelaufreiter.com · 2w agoI think this might be the easiest way to translate website content. What do you think? 😊
“Why not build editable.website on a more popular framework?” I get asked this a lot. Because for building websites, Svelte is simply the best framework. And my opinion hasn't changed. Async Svelte is going to be the best thing since sliced bread.
Svelte@svelte.dev · last wk.Coming soon to Svedit and Editable: Copy and paste that keeps structure and formatting.
I think this might be the easiest way to translate website content. What do you think? 😊
Been doing a lot of content editing on Editable sites over the past few days. At this point, I’m pressing Cmd + E from muscle memory on other websites I visit, hoping they’ll become fully editable. 😄
May be soon time for another attempt to bring syntax highlighted codeblocks to editable.website.
pngwn@pngwn.at · 2w agoAfter about a year, on and off, I am veeeery happy to release TWINKLEPLOP, a syntax highlighter of tremendous power! The speed of prism with the customisation of Shiki. twinkleplop.pngwn.at
Memory prices are going up. An Editable website runs perfectly on just 256MB RAM. And @fly.io waives invoices under $5, so you can essentially host your Editable website for free. editable.website/can-i-really...
Can I really skip the CMS?
“Editable looks really cool and everything. But I've got questions...”
editable.website
Just tried Codex Computer Use to make edits on an editable.website and it works surprisingly well. I told it to "enable edit mode and go find grammar and spelling mistakes on the current page. Highlight first error and suggest what you'd like to change."
Editable 2.0 Preview 8 is out! — Carousel layout for galleries — Decent tooltips that bring the keyboard shortcuts to attention — Platform-dependent display of keyboard shortcuts — Pretty 404 page — And lots of smaller fixes and improvements...
Michael Aufreiter@michaelaufreiter.com · 3w agoNothing to see here... Just an in-place editable.website carousel. (Illustrations by bookofshapes.com)
Shout-out to a growing group of svedit.dev users! Hope you’re having a smooth sailing. And if you happen to hit rough seas and need a compass, hit me up!
Selection rectangle is CSS anchor-positioned. Focal point (crosshair) is relative positioned inside it. Scrolling the wrapping container moves the rectangle correctly but the focal point is doing silly things. Scratching my head... Safari anchor positioning bug?
Nothing to see here... Just an in-place editable.website carousel. (Illustrations by bookofshapes.com)
Sunday afternoon read for people building websites.
Can I really skip the CMS?
“Editable looks really cool and everything. But I've got questions...”
editable.website
That first editable.website blog post is taking a little longer than expected. But I’m putting a lot of thought and reflection into it, and I think it will answer many of your questions. Soon! :)
Quick intro to the Editable Design System Thx @johannesmutter.bsky.social for setting the base of the design language and creating a beautiful set of icons for the editor. editable.website/design-system
This is how you create a blog post on an Editable website. There's no concept of collections or posts. Everything is a page, and you can link them up. And get creative with how you do that.
Overwhelmingly positive reactions to editable.website. With concerns: — Can I really skip the CMS? — Is it battle-tested? — Does it support collections (posts)? — Multi-lang? Planning a series of blog posts, that should help you decide, if Editable's right for you (yet).
Editable — the website you can edit on the page
Editable lets you build and edit a Svelte website without adding a separate CMS. Editors work directly on the page, while the content model, components, layouts, and styling is defined in code.
editable.website
Editable 2.0 Preview 5 is out! — New blocks: Listing and TitledGallery — Sticky nav and footer — Table of contents for LOOONG pages — Subtle crossfade page transitions — UX improvements and bug fixes Install: editable.website/manual#quick...
Oh wow! 493 git clones of michael/editable only yesterday alone. Can't wait to see what you'll build with it! Know HTML + CSS? You're good to get started. Worked with Svelte already? Even better! If you have questions, please post them on the forum: github.com/michael/edit...
Michael Aufreiter@michaelaufreiter.com · last mo.For your next website… Skip the CMS Define structure and layout in code with Svelte Let clients edit text, images, and videos directly on the page — easily and safely, without breaking your design This is Editable — launching in preview today Install now: editable.website
Editable wouldn't have been possible without @svelte.dev. Thank you @rich-harris.dev, @paolo.ricciuti.me @dummdidumm.bsky.social, and crew for the best framework to power CMS-free websites you can edit on the page: - Tiny editing runtime overhead (thx compiler!) - Surgical DOM updates as you type
Michael Aufreiter@michaelaufreiter.com · last mo.For your next website… Skip the CMS Define structure and layout in code with Svelte Let clients edit text, images, and videos directly on the page — easily and safely, without breaking your design This is Editable — launching in preview today Install now: editable.website
It's time to try kimbia.app All feedback welcome, we are early and we are listening.
Kuba Suder 🇵🇱🇺🇦@mackuba.eu · 2mo agoStrava on ATProto, gimme
For those curious: editable.website runs on a tiny Fly.io machine with 256MB RAM. Content is stored SQLite. Assets are just files on the volume. It's fully self-contained in a `data` folder. I did set a Cloudflare caching rule for /assets/* so all the images and video clips are served from a CDN.
Michael Aufreiter@michaelaufreiter.com · last mo.For your next website… Skip the CMS Define structure and layout in code with Svelte Let clients edit text, images, and videos directly on the page — easily and safely, without breaking your design This is Editable — launching in preview today Install now: editable.website
