Rikki

Looks great, good job on tackling some of the oldest bug bears 🔥

Looks great, good job on tackling some of the oldest bug bears 🔥

Looks great, good job on tackling some of the oldest bug bears 🔥

Looks great, good job on tackling some of the oldest bug bears 🔥

Looks great, good job on tackling some of the oldest bug bears 🔥

Looks great, good job on tackling some of the oldest bug bears 🔥

Welcome to the second video of our sneak peak series! Today we'll be taking a closer look at the new Invision Community interface, including dark mode, accessibility improvements, performance improvements and the mobile layout! Before we begin, I should mention that this is a pre-alpha version of Invision Community 5, so some areas of the design may change before the official release.
 
New traditional header design
In our previous video, we showcased our new, optional side panel which formats your navigation into a vertical list. For those who prefer a traditional, horizontal header, here it is!

A much more compact header compared to version 4, the new design condenses the navigation bar into a single row, moving all sub-navigation items into dropdown menus. A new, optional area below the text logo allows you to add your website slogan or announce events such as anniversaries or holidays, and our new search modal provides convenient access to the advanced search filters from any page on your community.

 
Accessible interface
The main content area has been designed with accessibility as a priority. High contrast text colours and larger font-sizes help to make reading more comfortable and clickable table rows (which can be enabled or disabled via the Theme Editor) allow you to navigate between pages more easily. A visible focus ring significantly improves navigation for visitors who find it more comfortable to browse with their keyboard TAB key, instead of using their mouse (ie. visitors with conditions such as Parkinson's disease, or those who have temporarily lost function due to a broken arm).
 
Focus.mp4
Elements are highlighted while navigating with the keyboard
 
Dark mode
Dark mode has become increasingly popular over the past few years - so it's no surprise that Version 5 has been designed from scratch with both light and dark mode in mind. With version 4, it was necessary to manage two themes in order to provide a light and dark colour scheme. In version 5 though, all of that is handled by a single theme.
By default, your members will be able to choose their own color scheme preference: either light, dark, or system. System assigns a color scheme based on your system preferences - so if your device automatically switches to dark mode at night, your community will too! With that said, as an administrator, you also have the option to restrict your site to a single color scheme - so if you ONLY want to offer a dark theme, that's easily achieved.

 
 
Performance
Despite all of these new inclusions, the version 5 UI has been coded with significant reductions in both CSS and Javascript. We'll dive deeper into code reductions in a future blog entry, however two great examples are:
- Grids: which have had a 100% removal of Javascript and are powered by only a few lines of CSS, resulting in a faster rendering time, especially for users on slow connections.
- And carousels: which have had a 95% reduction in Javascript and now rely on native browser scrolling, for a much smoother experience on both desktop and mobile!
Additionally we've removed a number of helper libraries that are no longer needed with modern browsers saving even more.
 
Mobile UI
With an incredible amount of mobile visitors accessing the web, we’ve placed a huge priority on redesigning the interface to ensure it lives up to todays standards.
A new navigation bar at the bottom of the page provides convenient access to your activity feed, notifications, messages, a search panel, and navigation links. A conscious effort was made to ensure that this information was available within a single tap, and we found that a bottom bar like this was easier to interact with compared to icons in the header.

The mobile navigation bar from Invision Community 5
 
A goal of the mobile UI was to display elements that were previously only available on larger devices, while still maintaining a clean interface. For example, to improve navigation, we've added a scrollable breadcrumb list to the top and bottom of the page. To improve guest participation, we added Sign In and Sign Up links to the bottom navigation bar. These links were previously hidden within the hamburger menu, so we feel like this will really benefit those looking to improve registrations. And as demonstrated in last weeks video, profile information is now available within posts, comments and reviews on small devices.
We’re really excited for you to literally have a hands on experience with the new mobile interface of Invision Community 5, and we're interested to hear your feedback in the comments!

View full blog entry

I think you guys need to improve your company logo a little bit, does not look great in the video... 🙂 

Do my eyes deceive me or did you build a React app?

Do my eyes deceive me or did you build a React app?

Do my eyes deceive me or did you build a React app?

Do my eyes deceive me or did you build a React app?

Do my eyes deceive me or did you build a React app?

Everyone at Invision Community is pleased to introduce Community Hive.
We are creating a new free-to-use service to help independent communities reach new audiences and re-engage existing members.
Community Hive delivers updates from your favourite communities and helps you explore new ones by bringing all the communities you follow into a single feed with optional email updates.
The Invision Community September 2023 release will bring Community Hive integration to Invision Community and we're also releasing integrations for XenForo, Squarespace and WordPress. More integrations for popular platforms are planned over the coming months.
 

 
The "Why"
We believe in the power of independent communities. Technology has changed over the two decades we've been building community tools and despite the advances in technology a key problem independent communities still have is re-engaging existing members and finding new audiences. Social media has diminishing returns, and search results continually down-rank user-generated content. Reaching new audiences has never been more challenging.
Community Hive solves that by providing a single platform to showcase your content to new and existing audiences. We don't keep your content; the only way to engage is to visit your site, ensuring you retain complete control and ownership.
Regular updates via email and push notifications reach your existing members wherever they are.
As our attention spans shorten and our online time becomes more cluttered, checking in with each community becomes more of a struggle. Independent and forum based communities fight for attention with social media, and owned platforms like Discord and Slack. Allowing your members to follow your community with Community Hive gives you increased visibility and discoverability and helps level the playing field.
 
The Platform
Community Hive has a familiar feed view with two main areas. "Following" shows a feed of communities you already follow to ensure you see more of what you like. This feed learns over time what content you favour and ensures you see more of what you like.
The "Discover" tab shows you a feed of content from communities outside of your following list, which is a great way to discover new online communities to join. Following is easy; you don't even need to register on the community to add it to your followed list on Community Hive.
Robust account management makes it easy to unfollow communities and set your desired audience classification preferences.
Community Hive is mobile-first with push notifications and is ready to be added to your phone's home screen as an app.
 
Integration
Community Hive will launch with integration for several platforms such as XenForo, Squarespace and WordPress. Invision Community integration has several tools to nudge your members to add your community to Community Hive with buttons in key follow areas.

Following from a community only requests your email address. You can optionally set a password later on Community Hive to enable your feed to be viewed on multiple devices.

Clicking "Follow on Community Hive" from an Invision Community when you have an account with that community.

Clicking "Follow on Community Hive" from an Invision Community when you do not have an account with that community.
Community Hive will be launched in beta alongside Invision Community's September 2023 release, with integrations released for other platforms.
You can visit Community Hive now and join in the discussion on the Community Hive forums. We look forward to seeing you there!

View full blog entry

This is something you need to fix on the API side. By default browsers will not let you make ajax requests to other sites. On the API side, you need to adjust the headers it sends to include Access-Control-Allow-Origin headers that allow your community URL.

We would like to take this opportunity to inform you of an important decision we've made with regard to the Invision Community Marketplace. After careful evaluation and consideration, we have decided to discontinue the Invision Community Marketplace, effective October 30, 2023.
 
Over the past several years, we have noticed a decrease in usage of the Marketplace, with a staggering 75% decline in sales. In addition, we have observed a growing trend away from off the shelf customizations towards bespoke tailoring of a community by working more closely with developers. While it has been a platform for many dedicated and talented contributors to share their work, we believe it is time to re-focus our efforts and resources to better serve your present and future needs.
 
We understand that change can be unsettling, but we are excited to share with you our new direction. We are putting our efforts into enhancing the newly introduced Providers Directory, a platform that will enable you to connect with third-party providers for a wide range of services, including custom development, community management/support, conversion services, and other valuable resources. Additionally, many providers will have independent websites you will be able to visit to explore and obtain existing and new premade resources.
 
More details are to follow soon, but we would like to highlight a few key points:
     • Marketplace renewals will cease effective immediately
     • New purchases will end September 15, 2023
     • The Marketplace will be removed in the October release and disabled on October 30, 2023
     • You will continue to be able to install and manage existing and new resources via the methods provided by their respective authors
     • You will be able to obtain a key for each of your current Marketplace purchases and provide that key to authors to transfer your purchases directly to the author
We invite you to visit the Providers Directory and start exploring the opportunities it offers. This will allow you to familiarize yourself with the database and the resources it will provide in greater depth. Many of the current Marketplace contributors have already created their profiles – please check them out!
Of course, this does not mean the end of aftermarket development with Invision Community. We are currently building new development tools for Invision Community 5 which have easier ways to add new functionality.
 
We want to express our sincere gratitude for your ongoing support and trust in Invision Community. We believe these changes will enable us to better position ourselves to continue moving forward in meeting the present and future needs of our customer base.
 
If you have any questions or concerns, please do not hesitate to reach out.
 
Thank you for being a part of the Invision Community family.
 
Update
We have posted our next blog covering the next steps for obtaining purchases from 3rd party developers.
 

View full blog entry

That reminds me of post #25630909 on Facebook 😂 Go check it out!

That reminds me of post #25630909 on Facebook 😂 Go check it out!

That reminds me of post #25630909 on Facebook 😂 Go check it out!

That reminds me of post #25630909 on Facebook 😂 Go check it out!

That reminds me of post #25630909 on Facebook 😂 Go check it out!

That reminds me of post #25630909 on Facebook 😂 Go check it out!

That reminds me of post #25630909 on Facebook 😂 Go check it out!

That reminds me of post #25630909 on Facebook 😂 Go check it out!