Coast is a small, open-source CMS, that makes static HTML-sites editable. Coast is perfect, if you don't need a full-blown CMS, but a simple edit and safe mode for your client.
Coast is a pretty new project, but the technology works smoothly and can be used in production already. Coast is created by a German developer and there are no translations to languages other than German right now.
You will find a small documentation and some discussions on the website of Coast (a one-pager), but there is no GitHub account, and no real support. However, the software itself looks very modern and quite mature. The project has existed since at least 2014, so it has proved a bit of its continuity already.
Coast for Content Managers
Coast has a pretty nice mode for inline-editing. After login, there is a small edit-bar at the top of the page with just some buttons for save, cancel, and logout. Additionally, you will find special edit-bars for each editable area, depending on the content type.
Coast provides the following features for content-editing:
- Change, format, and edit text or text-blocks.
- Upload and change pictures.
- Change linked pictures.
- Move content areas with drag and drop.
- Duplicate or delete a page.
- Add returning content elements (e.g. news blocks).
The last feature is really nice because it adds some kind of "dynamic" character to your website. But, keep in mind that Coast is not a full-blown CMS. It does not provide a classic dashboard or an admin-panel, where you can manage your existing sites or create completely new sites.
If you want to get an impression of the editing experience with Coast, just check out the video on the coast-website.
Coast for Developers
To make an area editable, just add the attribute
data="editable" to a div-tag, a paragraph, or a headline.
Some of the more advanced features for images are:
data="editable_image"Make an image editable
data="editable_image" data-option="fixed_width" data-width="600"Fixed width of the image-area and scale image to 600px.
data="editable_image" data-option="fixed_height" data-height="600"Fixed height of the image-area and scale image to 600px.
data="editable_image" data-type="thumb_and_big_image"Produce a thumbnail and link to the original image.
For an editable image-link, you can use this simple attribute:
<a href="beispiel.html" data="editable_image_link"><img src="img/01.jpg" data="editable_image"></a>
For a returning area you can use this attribute:
<div data="content_section_wrap" data-cs-src="news_section.html" data-cs-title="Newsmeldung hinzufügen" data-cs-pos="draggable"> ... </div>
Visit the Coast website for more snippets.
Coast for Non Coders
If you are able to read an HTML-structure, and if you know how to add a CSS class or attribute to an element, then you can use Coast without any sophisticated coding skills.
Coast is open source.
Recommendation: When to use it?
If you have a simple, static website and if you need a simple edit mode for your clients, then Coast is probably a good choice for your project.