Web 5.0

April 24, 2024 – New Blog, New Editor!

⭐[NEW]

The blog display is getting a fresh look!

After the apps’ homepage was redesigned at the end of 2023, it’s now time for the blog content page to get its own makeover. Featuring a new design and enhanced ergonomics, explore the revamped Blog today!

Better readability and navigation

All posts are now shown in preview mode, giving you a snippet of the content. This makes the content more engaging by featuring the author (with their profile picture) and highlighting visuals by displaying the first three images from the post. Simply click on the post to view its full content.

When viewing or editing a post, a new page opens to enhance focus, providing a clutter-free workspace and a better experience for mobile users and those using assistive technologies.

In our ongoing effort to improve accessibility, the new interface adheres to most accessibility guidelines. It scores over 90 on Google Lighthouse for all navigation pages, supporting keyboard navigation and allowing assistive tools to read labels.

We extend our gratitude to the City of Paris and the Hauts-de-France region for funding this new interface!

A more ergonomic editor to bring all your ideas to life!

That’s not all! The text editor is a crucial part of content creation in our applications. To improve this key tool, our team has identified optimizations to boost user productivity and creativity. After extensive research and user feedback, we are excited to introduce the new editor.

The main actions are now consolidated into a single line, unlike the two lines in the previous editor. On the left are the multimedia content addition features; in the middle are the standard text editing functions; and on the right are the advanced features. Two significant enhancements: the action bar follows you as you navigate and is fully functional in the mobile version.

Improved existing features

• Editing an image right after adding it? This was already an option, but now it’s more visible (look for the pencil surrounded by stars!).

• The video uploading menu is now simpler. Just add an external link, and it will be automatically recognized without selecting the platform. If the link isn’t recognized, we’ll guide you on using an embed code or iframe.
• Adding an attachment is now more visually appealing and user-friendly. Made a mistake with an attachment? No problem, you can delete it with a single click!

• During audio recording, a visual indicator lets you know when you’re recording or playing back audio.

• Since emojis are now a part of our everyday communication, we’ve expanded our emoji library.

• By popular demand, linking content within the applications is now much easier:

1. Choose the application, and all its content will be displayed. No need to remember the exact name of your resource!

2. Select the resource, and the link is automatically created in your text. It’s more convenient and visually appealing!

• Editing mathematical formulas is now easier, thanks to a link to a Wikibook for guidance. You can modify formulas after adding them, either through the modal or by clicking directly on the formula!

• Adding and editing tables is streamlined with a dedicated menu. Features like coloring cells, adjusting cell size to fit text, adding rows, and merging cells significantly enhance table usability.

An editor that prioritizes accessibility

• Keyboard navigation empowers individuals to effortlessly traverse the editor’s features.
• For those who prefer a hands-free approach, the voice dictation functionality (available on Chrome and Safari) allows users to dictate their text, which the editor will transcribe seamlessly.
• Are some of your students colorblind? The editor offers a specialized color palette with contrasts that are designed to accommodate people with color blindness.

New features have been added, including an image carousel, spell checker, and the ability to insert PDFs into content with a preview option, among others.

We express our gratitude to the Hauts-de-France region for their financial support in developing this new editor. We would also like to extend our appreciation to the users who volunteered as beta testers, providing invaluable feedback throughout the initial development iterations.

What about existing content?

The initial rollout of this new editor will take place within the Blog application, with plans to integrate it across all other applications in due course.
Rest assured, your previously published blog posts will seamlessly transition to the new editor’s display.

We have thoroughly tested and ensured compatibility between the old and new rendering systems. However, in the unlikely event that any content fails to display correctly, you will still have the ability to access and view it without issue.