A Zayed

This week, we're excited to preview some of the UI changes which will be included with Invision Community 4.7.8. These changes result in improved performance for Google Fonts and better contrast for accessibility, while also fixing a few bugs along the way. When combined, these small improvements result in a much more polished UI, so lets dive in and take a look at some examples below! Google Fonts Google Fonts are now imported using the latest version of their API, which includes support for font-display:swap. This CSS property prevents FOUT, or the Flash Of Unstyled Text, where fonts would temporarily be invisible if the Google Font hadn't finished downloading. With this update, a fallback font will be displayed until the Google Font has been downloaded, so your text will be immediately visible even on your initial page load. With this update, we have also imported font-weight:600 for improved rendering of semi-bold fonts. Cleaner UI for Forum Grid This update includes a cleaner UI for forum grids, resulting in improved contrast particularly for the forum icon and forum name. Cleaner UI for "Expanded view" topic lists In addition to new forum grids, the expanded view UI has also seen improvements in this update, where items are now separated by a simple border instead of being separated into their own boxes. Improved button alignment on mobiles When possible, buttons will now only occupy a single line on mobiles which results in a cleaner layout and less scrolling. Win win! Before: After: Breadcrumbs Breadcrumbs now use a darker color and thicker font-weight for improved contrast, and no longer truncate when long titles are included. Before: After: Social Icons The background color of certain social icons has been updated to match their current brand colours. Before: After: Widget designs All widgets have received a slight UI overhaul, resulting in improved readability due to heavier font-weights on titles. Alignment issues have also been addressed in certain widgets for mobiles: Before: After: Improved alignment in posts Post controls (the bar containing the quote link and reactions) are now vertically aligned to the bottom of posts, regardless of the post length. Small change, but a big difference! Before: After: And much more! In addition to these changes, we've included a bunch of fixes including broken stats on record lists, wide tooltips, sticky announcements not staying stuck to the screen, incorrect image ratios for Recent Achievement badges and stretched thumbnails in widgets. We think these improvements have really helped to clean up certain areas of our UI and we look forward to them going live on all sites with 4.7.8!View the full post

Over the past several years, you have seen us add many improvements to our platform packages. New features and capabilities leveraging the advanced technology we can offer you have really moved so many Invision Community powered sites into new areas of engagement. We have been investing heavily in our platform resources and have seen hundreds of clients move from classic, self-hosted environments to our platform to take advantage of new features, and the peace that never having to run a server brings them. It's incredible how often the number one reason for moving is never having to utter the term VPS again! Our packages used to limit based on online users, but that wasn't easy to track and explain. The switch to limits based on page views has made more sense, but it is still a limiter on traffic and, therefore, growth. We really do not want to limit your community growth! So today, we are happy to announce that all of our current platform packages now offer unlimited page views. With this change, we look forward to seeing your community grow without worrying about traffic causing your costs to increase. We think you will love this change and look forward to presenting new platform improvements coming soon. Switch to our Platform Are you on a classic self-hosted Invision Community? Ready to stop caring about servers, databases, and backups? We offer free transfers to our platform, and we even give you an account credit if you want to give up your classic license. Not only does our team handle the technical move for you, but we also recognize your past loyalty so you can focus on running your community rather than the server. Contact sales today to talk about scheduling your transfer to our platform. We can talk via email or schedule a Zoom to go over options.View the full post

We're excited to bring you a first look at our new and innovative Invision Community feature: Live Topics. Live Topics is a hosted live chat and question-and-answer event that is converted into a forum topic upon completion. It combines the fun and togetherness of a live event with the permanence of a forum topic allowing you to continue the conversation long after the event has ended. Your event doesn't have to just be text based! Live Topics allows you to feature a live video for your attendees. You can present to your attendees while fellow hosts select messages from the attendee chat to raise as questions for answers via the video or message replies from other attendees. Once the live event has ended, the questions and answers are converted into a permanent forum topic. Additional replies to the forum topic can reply to a specific question raised in the live event. If you choose to answer on the live video, you can mark the timestamp of the answer, allowing members to jump to that segment of the video from the forum topic. We're thrilled to finally share details of this new and exciting Invision Community feature. Although this is just a first look at Live Topics, we will follow this blog up with others drilling into the details, and multiple use cases Live Topics offers. Live Topics is unique to Invision Community and will soon be available to selected cloud plans.View the full post

We are excited to announce that the Invision Community GraphQL API is now available. This blog takes you through what GraphQL is and what makes it better than existing APIs present in Invision Community. It does get a bit technical, but you don't need to be a developer to appreciate how GraphQL will make life easier for those that do develop. What is GraphQL? GraphQL describes itself as a query language for APIs that gives clients the power to ask for precisely what is needed and nothing more. GraphQL was created by Facebook in 2012 and is now an open-source project governed by the GraphQL Foundation, which operates independently of Facebook. What makes GraphQL better than existing REST APIs? GraphQL has several advantages over the existing REST API present in Invision Community, and these include: Flexibility: GraphQL allows clients to request only the data they need, reducing over-fetching or under-fetching data. Getting data from a REST API often means receiving many fields and values you don't need to complete the operation you're creating. Versatility: GraphQL can query multiple databases or APIs, making it a more versatile solution than REST, which often requires multiple endpoints for multiple data types. Strong Typing: GraphQL has a robust type system, making it easier to understand the capabilities of an API and catch errors early in the development process. Better Performance: By allowing the client to request only the data it needs, GraphQL can improve the performance of an application compared to REST, which often returns more data than necessary. Easier to evolve: The schema-based nature of GraphQL allows for more straightforward and less-breaking changes to the API compared to REST. Let's look at an example You're building a dashboard that uses Invision Community data for your Node.js application that shows the latest topics, latest registered members and calendar events. With the REST API, you need to make three requests to get all the data you need. With GraphQL, you can fetch the exact data you need with a single request. Modern Web Development GraphQL is now the standard for modern web development, including building mobile apps. A modern web app has a "front-end" and a "back-end". The front-end refers to the user-facing part of the web application. The front-end is typically written in client-side languages such as HTML, CSS, and JavaScript and is responsible for rendering the user interface and handling user interactions. It communicates with the back-end to retrieve and display data. The back-end refers to the server-side part of the web application. The back-end is typically written in server-side languages such as PHP, and is responsible for performing business logic, managing data, and serving API responses to the front-end. Using GraphQL as the interface between the front-end and back-end, the development and deployment of each component can be done independently, improving the overall efficiency and scalability of the application. At Invision Community, we know that some clients use REST to pull data from Invision Community for use in bespoke web and mobile apps. So we hope you're even more excited about the possibilities with GraphQL. A list with all currently available queries, mutators and data types can be found in our developer documentation section. Extending Invision Community Functionality Of course, you also have full access to the GraphQL API in the Invision Community framework, so you can use GraphQL inside your controllers to run your queries, which has the advantage that you won't need to worry about future changes to the API. In addition, we have also created a GraphQL template plugin, which can be utilized inside templates to fetch any data. This is a more technology-heavy blog than usual. The main takeaway is that we continue to invest in ways to allow your Invision Community data to be used by your own applications. GraphQL makes that job a lot easier and much more efficient. Let me know if you have any questions!View the full post