Product Updates Updates

Custom CSS

by Laurent Pellegrino, Founder & CEO
New
Newspages

promo-custom-css.png

It is now possible to inject your own Cascading Style Sheets (CSS) in your project Timeline. You can even override Noticeable’s predefined styles.

The option is available right now with the Enterprise plan. Simply open your project Timeline configuration page, then click on the new "Custom CSS" option from the side bar:

Screenshot from 2018-07-12 14-52-35.png

Below are some usage examples:

  • Increasing the font size:
body {
    font-size: 120%;
}
  • Adding a colorful banner on top of your Timeline:
body {
    border-top: 5px solid $project-accent-color;
}
  • Making labels monochrome:
 .label {
    background-color: #777 !important;
}

Custom Favicons

by Laurent Pellegrino, Founder & CEO
New
Newspages

A favicon is a small graphic that appears to the left of the page title but also in bookmarks. Having an image related to your brand is for users a strong indicator that they came to the right place, which can be reassuring in a sense.

Furthermore, favicons save time to your users: when you look at a web page, your eyes notice an image before the text surrounding it.

Screenshot from 2018-06-27 13-35-08.png

Starting Today, we are happy to offer the possibility to set your own favicon per project Timeline. Existing projects have been updated to include a favicon based on their logo.

If your Timeline doesn't have a logo or favicon yet, be sure to upload one from your project configuration page.

Multiple widget updates πŸš€

by Laurent Pellegrino, Founder & CEO
Announcement
Widgets

We have made several improvements to the Widget:

  1. Its definition is smaller. Fewer data to fetch, less time to first display. The Widget is now speedier than ever πŸ—²

  2. Setup instructions have been updated to reference a new script element. Instead of 4 line of codes, a single is now required to import the Widget definition:

    <script async defer src="https://cdn.noticeable.io/v1/noticeable-widget.js"></script>
    

    The async and defer attributes guarantee the content is loaded in parallel and executed after your page is parsed, no matter where the import is placed in.

    Although we recommend switching to the new import script, old ones remain available but are deprecated.

  3. Unread posts displayed in the Widget popup now include a left border. This allows distinguishing unread messages from read ones:

    Noticeable Widget Updates

    The color of the left border is based on the project accent color but can be changed programmatically. You can set it transparent to mimic the old style:

    <custom-style>
        <style>
            noticeable-widget {
                --noticeable-widget-popup-entry-unread-border-color: transparent !important;
            }
        </style>
    </custom-style>
    
  4. Widget but also Timeline code snippets are rendered with the Atom One Dark style to improve readability.

GraphQL API updates ✏️

by Laurent Pellegrino, Founder & CEO
Enhancement

We have updated our API to support posts edition and deletion.

Please have a look at the API overview page for explanations about how to consume the API (authentication required).

We also took the opportunity to create a public repository that provides samples for the most common operations. If you need help with integration, do not hesitate to drop us a message πŸ™‹

Last but not least, our GraphQL schema is now documented.

graphql.png

Filtering posts πŸ”

by Laurent Pellegrino, Founder & CEO
Enhancement

Do you have a lot of posts? are you managing posts with different labels? do you want to display draft posts only? segmented posts?

Today, we have deployed a new version of the service that allows filtering posts in your projects dashboard per status (draft, published, scheduled, segmented) and labels. Both filtering criteria can also be combined to perform fine grain filtering.

Posts filtering

We want to make Noticeable work for you, and therefore your feedback is important to us. Feel free to contribute to our public roadmap with new ideas πŸ’‘

Customizing Job title per project

by Laurent Pellegrino, Founder & CEO
Enhancement

A new version of the service has been deployed. It allows configuring your Job title per project. It is particularly useful in a multi language context where a project per language is used.

How to proceed

  1. Go to your account page.
  2. Tap on the toothed wheel on the right side of the Job title field.
  3. Configure your Job title per project.
  4. Click on Save changes.

If you leave a field empty, your default Job title will be used.

Existing posts aren't updated with Job title updates. Only new posts reflect the changes. If you want to update the Job title associated with an existing post, simply edit the post and save it again.

Links open in a new tab πŸ”—

by Laurent Pellegrino, Founder & CEO
Enhancement

We have deployed a small but convenient improvement for links. From now on, links put in new posts will open by default in a new Tab (target is set to _blank). For performance and security reasons, the attribute rel="noopener" is automatically set.

Additionnally, HTML markup is now allowed in post content. This allows, when needed, a fine grain control over attributes used with links:

<a href="https://noticeable.io" title="Noticeable" rel="noreferrer" target="noticeable">Noticeable</a>

The changes apply to your Widget and Timeline but also with the Markdown editor on live preview.

User experience enhancements

by Laurent Pellegrino, Founder & CEO
Enhancement

The public launch was crazy. We thank all people who use the service. Especially, users who took the time to report issues they experienced. We spent the last days enhancing the user experience based on your feedback:

  • The pages are loading faster.
  • A spinner is displayed on lazily loaded pages.
  • Markdown code for images is inserted at the cursor position.
  • Publication date and time on Timelines is based on users' timezone.
  • Improved onboarding:
    • After creating a project, users are redirected to widget installation instructions.
    • Marking widget installation as done redirects to the list of posts.

Note: It was discovered the LastPass extension is preventing pages to render properly. We've reported the issue to the LastPass team. In the meantime, please disable the extension on our pages for a smooth experience.