All Activity
- Last week
-
As showcased in our past blogs, Invision Community 5 introduces a brand new, modern interface which brings improvements to performance, aesthetics and mobile usability. An optional side navigation panel, new view modes, light/dark modes, customizable header layouts, a search modal and a mobile navigation bar are some of the things we've showcased previously. Today, lets take a closer look at some other miscellaneous changes that we've been working on while developing Version 5, including some of the code reductions and performance improvements that we've been able to achieve in the process. For those of you who are developers, we'll also give some simple explanations of how (and why) we've implemented these changes. Widgets Sidebar widgets are perfect for displaying content feeds, featured members, announcements, advertisements and more on your page. In version 4 however, the widget column would often become an empty space once the widgets had been scrolled past: widgets-v4.mp4 In version 5, widgets now stick to the screen once the last widget has been reached, ensuring your readers have more convenient access to your widgets rather than a void space: sticky-widgets-v5.mp4 Messenger The Messenger is a great way to reach out to members when a private chat is more appropriate than a topic. Inspired by modern email clients, the messenger in Version 5 has been revamped with a full-height, sticky inbox, a longer message snippet, mini profiles and a more polished UI - all with a 25% reduction in CSS and a 100% reduction in Javascript. messenger-v5.mp4 Sticky elements We've mentioned sticky elements a couple of times now, so lets take a look behind the scenes at how they're created, and some of the performance improvements with Version 5. Traditionally, sticky elements were created using Javascript which would calculate the position of the element on the page and adjust it's stickiness every time the page was scrolled. Scroll events can be quite taxing for browsers, and when it comes to Javascript, the less, the better (especially when aiming for great page speed scores)! With that in mind, all sticky elements are now handled using sticky positioning via CSS, which is a native and much more performant way of controlling these elements. We've been able to replace an entire 400 line Javascript component with just 3 lines of CSS. Grids and Masonry Grids have previously been handled in a similar fashion. Javascript would scan all elements within a grid to determine how many could fit on a single line, and would then shuffle these elements into position after the page was loaded or resized. CSS has since introduced its own grid properties, which has allowed us to replace more than 350 lines of Javascript with just a few lines of CSS, resulting in more performant page rendering and nicer looking grids (especially on small-medium displays such as mobiles and tablets). Fun fact: We first introduced a similar performance improvement to "masonry grids" in our Gallery update from January this year, by replacing more than 400 lines of Javascript with, you guessed it, just a few lines of CSS. Click targets We wanted to make Version 5 as simple as possible to navigate, and one way of doing that has been by implementing larger click targets. Clicking anywhere inside an entry in a table or grid will now take you to that entry (you can still click on other links like normal within the click target, such as subforums or profile links). Click targets are optional and can be disabled via your theme settings if necessary. click-targets.mp4 Data Lists (tables) Speaking of tables, they too have been revamped. Tables automatically adapt to the space they've been assigned to (for those curious, this is done using CSS container-queries), so they're always neat regardless of the screen size, with no overflow or squashed layouts. Behind the scenes, the two columns below are created with identical code, yet they're quite different visually due to the size which they've been allocated. Even with these improvements, tables have received a 25% reduction in CSS. Profiles Profiles have been polished for Version 5 and include some nice improvements such as sticky widgets and tabs. profile-desktop.mp4 On mobiles, the side column collapses into a carousel, and the sticky tabs allow you to easily flick between content types without scrolling to the top of the page. profile-mobile.mp4 Tabs You may have noticed in the above clip that tabs on mobiles are now scrollable, compared to a dropdown menu from version 4. We made this change to ensure that tabs are given more equal exposure on small devices, and have managed to reduce the CSS by a whopping 80%. Carousels Last and certainly not least, are carousels. Carousels are great for displaying large amounts of data in a confined space and they've been rewritten from scratch for version 5. Previously, a Javascript library was used to create the "scroll effect", however this has never been the smoothest experience on laptop trackpads and touch devices. In version 5, carousels are powered by native smooth-scrolling and scroll-snapping, which results in a much nicer user experience, especially on touchscreens. We've been able to remove a staggering 95% of the Javascript, substituting it with just a few lines of CSS. carousel.mp4 To be honest, we've only just scratched the surface here! In addition to these changes, we've modernized (and reduced code) in almost every component throughout the suite including avatars, cover photos, dropdown menus, forms, inputs, buttons, lists, off-canvas menus, side menus, columns and more! Combined, these changes result in not only a significant reduction in code, but also a polished UI that performs smoothly on desktop and touch devices. We're excited to continue modernizing Invision Community well into the future as new technologies and techniques become available to us, and are looking forward to getting it in your hands in 2024.View the full article
-
The game Mahjongg 3D (004) Classic - Abstract has a new high score of 34 880 that was set by @lozana crushing the old high score of 31 760 originally set by @Pilot on 2023-02-17 20:47. The game's objective is to The goal is to remove all tiles from the board. You may remove only paired free tiles. The tile is free when there are no tiles either to the left or right and above it. Not every tile set can be fully removed You can check out the category here too Action-Card-Mahjong Games (Flash)
-
The game Bubble Shooter Classic has a new high score of 49 040 that was set by @lozana crushing the old high score of 20 350 originally set by @Pilot on 2023-03-24 08:15. The game's objective is to Bubble Shooter Classic ist mal wieder ein cooler Klon, des beliebten Bubble Shooter Spiels. Deine Aufgabe sollte klar sein, kombiniere am Himmel immer 3 oder mehr gleiche Blasen, um sie aus dem Spiel zu entfernen. Versuche alle Bubbles zu eliminieren, um zu gewinnen. You can check out the category here too Bubble-Candy-Jewel Games (HTML5)
-
The game Five Pyramids Mahjong has a new high score of 63 680 that was set by @lozana crushing the old high score of 26 800 originally set by @Pilot on 2022-02-25 13:12. The game's objective is to Clear all stones in the field. Search for two similar stones that are not connected to other stones. Make paid pairs and remove all stones. Pairs can be : two stones that are the same, two stones from the four seasons or two stones from the four flowers. You can check out the category here too Action-Card-Mahjong Games (Flash)
-
The game Mahjong 3D Negativ - H - Numbers has a new high score of 60 640 that was set by @lozana crushing the old high score of 56 400 originally set by @Pilot on 2021-12-06 15:16. The game's objective is to Der Spieler hat die Aufgabe so wie möglich die Steine vom Brett zu entfernen. Klicke dazu mit der Maus 2 gleiche und freiliegende Steine an. You can check out the category here too Action-Card-Mahjong Games (Flash)
-
The game Mahjong 3D Negativ - B - Chrome has a new high score of 66 440 that was set by @lozana crushing the old high score of 66 300 originally set by @Pilot on 2022-03-31 18:33. The game's objective is to Der Spieler hat die Aufgabe so wie möglich die Steine vom Brett zu entfernen. Klicke dazu mit der Maus 2 gleiche und freiliegende Steine an. You can check out the category here too Action-Card-Mahjong Games (Flash)
- Earlier
-
The game Candy Rain 6 Level 15 has a new high score of 7 838 that was set by @lozana crushing the old high score of 7 666 originally set by @Pilot on 2023-01-11 10:23. The game's objective is to Bringe mindestens 3 gleiche Süßigkeiten zusammen und erfülle die Aufgaben innerhalb der vorgebenen Anzahl an Zügen. Booster können an kniffeligen Stellen helfen bevor man das Level verliert. You can check out the category here too Action-Card-Mahjong Games (Flash)
-
Whether you have hours to browse a community or are short on time, scrolling through a very long topic can be more than a little frustrating when you want to follow the topic's core journey. Recently, we discussed another feature designed to help support-based communities find helpful answers quickly, but what about social topics that do not have a simple question-and-answer format? We've all come to a lengthy topic for the first time and found it a little intimidating to find the most relevant content among hundreds of posts, which don't always further the topic. These off-topic posts are important because they help social cohesion and build relationships between members at the time of posting. Still, those visiting later often want the truth of the topic. Invision Community 5 brings a topic summary feature designed to make the most of your time. The topic summary is generated by an algorithm that uses many touch points such as average read times, reactions, number of shares, external linking and more to determine how useful a post is via a numeric ranking. The summary shows an estimated read time of the entire topic and an estimated read time using the summary, which gives your members a good idea of the time they'll save. A shorter read time will make longer topics more accessible to a greater audience. Adjusting the summary We believe that algorithms should be used to support human decisions but not override them. Those with permission can add posts from the summary if they feel they are more relevant. Likewise, posts can be removed if you think they are irrelevant. Interactions with Helpful Posts Invision Community supports a broad range of communities, including support-based and social communities. We are improving our toolset to help both. You can have helpful post-voting enabled as well as topic summaries enabled. When this is the case, the topic summary will show until the helpful post-voting meets a threshold. Once that threshold is met, the helpful post information will replace it. Of course, not all communities and not every forum will have the support features enabled, meaning the topic summary will be the only way to reduce the topic complexity. Less is more Browsing the summary gives you a concise view of the topic's journey with no distractions, a vital strategy for growth. By allowing members to focus on the core journey, you reward the time they spend on your community and make it more accessible for those short on time. We hope you've enjoyed this feature introduction and would love to hear your thoughts! a.ipsAttachLink img { margin: 18px 0px 18px 0px;}View the full article
-
The game Mahjongg 3D Classic - 3 Storey House has a new high score of 64 700 that was set by @lozana crushing the old high score of 55 900 originally set by @Pilot on 2022-04-21 13:26. The game's objective is to The goal is to remove all tiles from the board. You may remove only paired free tiles. The tile is free when there are no tiles either to the left or right and above it. Not every tile set can be fully removed You can check out the category here too Action-Card-Mahjong Games (Flash)
-
The game Bubble World Level 03 has a new high score of 6 430 that was set by @lozana crushing the old high score of 6 340 originally set by @Pilot on 2022-12-27 09:01. The game's objective is to Bubble Worlds is a bubble game, but the way to play it is different. The number of bubbles used to eliminate bubbles on the screen and get the banana is specific. The levels seem easy, come and win 3 stars. You can check out the category here too Bubble-Candy-Jewel Games (HTML5)
-
Car buyer: I'll take the car. Can I also pay in installments here? - Car dealer: It would also be nice if you could simply pay for things in the world with guessing games.
-
The game Wallpaper Connect has a new high score of 127 508 that was set by @lozana crushing the old high score of 75 461 originally set by @nevjeshta on 2023-11-24 09:48. The game's objective is to A Mahjong Connect game. Connect two of the same items with a path with no more than two 90 degree angles. You can check out the category here too Bubble-Candy-Jewel Games (HTML5)
-
The game Treasure Link has a new high score of 12 that was set by @lozana crushing the old high score of 10 originally set by @nevjeshta on 2023-11-24 10:12. The game's objective is to Treasure Link is a mahjong connect game where you dive deep into the ocean in search for a mysterious treasure. You can check out the category here too Bubble-Candy-Jewel Games (HTML5)
-
The game Taj Mahal Solitaire has a new high score of 52 905 that was set by @lozana crushing the old high score of 51 655 originally set by @Harmony on 2023-11-21 19:14. The game's objective is to The object of the game is to move all the cards to the 4 foundations. You mave move a card at the top of a tableau column to another column if it creates a descending sequence (any suit but not the same suit). You may also move a sequence of cards as a group to another tableau column but only if they are not the same suit. When there is only 1 card on a tableau pile the cards becomes protected. A protected card may only be move to a foundation and no cards may be placed on top of it. Protected cards remain protected until the stock is empty. Click on the stock (top left) to turn over a card. The stock can only be used once. You can check out the category here too Card-Mahjong Games (HTML5)
-
The game Taj Mahal Solitaire has a new high score of 51 655 that was set by @Harmony crushing the old high score of 230 originally set by @lozana on 2023-11-13 21:53. The game's objective is to The object of the game is to move all the cards to the 4 foundations. You mave move a card at the top of a tableau column to another column if it creates a descending sequence (any suit but not the same suit). You may also move a sequence of cards as a group to another tableau column but only if they are not the same suit. When there is only 1 card on a tableau pile the cards becomes protected. A protected card may only be move to a foundation and no cards may be placed on top of it. Protected cards remain protected until the stock is empty. Click on the stock (top left) to turn over a card. The stock can only be used once. You can check out the category here too Card-Mahjong Games (HTML5)
-
Looks good, it's called Mouse Runner Can download with this link Mouse Runner Can play at this link Mouse Runner Description: Un jeu très intéressant pour les enfants, vous devez collecter le maximum de morceaux de fromage et ne pas tomber sous des pantoufles. :) . Object: Un jeu très intéressant pour les enfants, vous devez collecter le maximum de morceaux de fromage et ne pas tomber sous des pantoufles. :) . Keys: Enjoy!
-
Looks good, it's called School Match 3 Can download with this link School Match 3 Can play at this link School Match 3 Description: School Match 3 - ce jeu cool trois de suite, dans lequel vous devez placer les blocs de la même couleur dans une série de trois pièces ou plus pour obtenir le score le plus élevé possible, veillez à tenir compte de l'échelle à gauche n'a pas tomber trop bas, sinon le jeu sera terminé. Le jeu est fait dans un style estival magnifique! Apprécier le jeu!. Object: School Match 3 - ce jeu cool trois de suite, dans lequel vous devez placer les blocs de la même couleur dans une série de trois pièces ou plus pour obtenir le score le plus élevé possible, veillez à tenir compte de l'échelle à gauche n'a pas tomber trop bas, sinon le jeu sera terminé. Le jeu est fait dans un style estival magnifique! Apprécier le jeu!. Keys: Enjoy!
-
Looks good, it's called Captain Rogers - Asteroid Belt Can download with this link Captain Rogers - Asteroid Belt Can play at this link Captain Rogers - Asteroid Belt Description: Er muss fachmännisch durch ein Asteroidenfeld fliegen und hoffen, dass seine Flugfähigkeiten besser sind als ihre. Um zu gewinnen, helfe Captain Rogers, durch die Asteroiden zu gelangen, während du von Ausserirdischen gejagt wirst. Sammle Sterne und blaue Symbole, um deine Punktzahl zu erhöhen und dein Schild zu verstärken. Object: Er muss fachmännisch durch ein Asteroidenfeld fliegen und hoffen, dass seine Flugfähigkeiten besser sind als ihre. Um zu gewinnen, helfe Captain Rogers, durch die Asteroiden zu gelangen, während du von Ausserirdischen gejagt wirst. Sammle Sterne und blaue Symbole, um deine Punktzahl zu erhöhen und dein Schild zu verstärken. Keys: Maus Enjoy!
-
Looks good, it's called Luna Crush Can download with this link Luna Crush Can play at this link Luna Crush Description: Les fans de Soy Luna ont de la chance car ce nouveau jeu est basé sur cette jeune série amusante qui a triomphé sur Disney Channel. C' est un jeu dans le style de Candy Crush mais dans lequel les bonbons et les bonbons ont été remplacés par des patins et d' autres éléments caractéristiques de la série Soy Luna. Nous devrons joindre au moins trois éléments égaux pour les éliminer et ajouter des points à notre marqueur. Non seulement nous ajouterons des points mais aussi du temps, de sorte que le jeu durera aussi longtemps que vous réussirez. Si la barre de temps atteint le minimum que la partie se termine, vous aurez établi votre propre record et vous devrez commencer une nouvelle partie pour la surmonter. Object: Les fans de Soy Luna ont de la chance car ce nouveau jeu est basé sur cette jeune série amusante qui a triomphé sur Disney Channel. C' est un jeu dans le style de Candy Crush mais dans lequel les bonbons et les bonbons ont été remplacés par des patins et d' autres éléments caractéristiques de la série Soy Luna. Nous devrons joindre au moins trois éléments égaux pour les éliminer et ajouter des points à notre marqueur. Non seulement nous ajouterons des points mais aussi du temps, de sorte que le jeu durera aussi longtemps que vous réussirez. Si la barre de temps atteint le minimum que la partie se termine, vous aurez établi votre propre record et vous devrez commencer une nouvelle partie pour la surmonter. Keys: Enjoy!
-
Looks good, it's called Space War Can download with this link Space War Can play at this link Space War Description: Récoltez les étoiles lors de vos vols pour augmenter votre cagnotte afin d acquérir au final le plus puissant des vaisseaux. Object: Récoltez les étoiles lors de vos vols pour augmenter votre cagnotte afin d acquérir au final le plus puissant des vaisseaux. Keys: Enjoy!
-
Looks good, it's called Sunset Valley Can download with this link Sunset Valley Can play at this link Sunset Valley Description: Cliquez sur des groupes de 3 tuiles ou plus pour les supprimer! Utilisez des bombes et des power-ups spéciaux pour tous les faire exploser. Détendez-vous et profitez de ce jeu de fusion!... Object: Cliquez sur des groupes de 3 tuiles ou plus pour les supprimer! Utilisez des bombes et des power-ups spéciaux pour tous les faire exploser. Détendez-vous et profitez de ce jeu de fusion!... Keys: Enjoy!
-
Looks good, it's called Shrek Kingdom Match 3 Can download with this link Shrek Kingdom Match 3 Can play at this link Shrek Kingdom Match 3 Description: Shrek Kingdom Match 3 - Dans ce jeu cool, vous devez faire correspondre trois mêmes chiffres dans une rangée, dans laquelle vous devez mettre les blocs de la même couleur dans une série de trois pièces ou plus pour obtenir le score le plus élevé possible, faites attention à compte l'échelle de gauche pour ne pas tomber trop bas, sinon la partie sera finie. Object: Shrek Kingdom Match 3 - Dans ce jeu cool, vous devez faire correspondre trois mêmes chiffres dans une rangée, dans laquelle vous devez mettre les blocs de la même couleur dans une série de trois pièces ou plus pour obtenir le score le plus élevé possible, faites attention à compte l'échelle de gauche pour ne pas tomber trop bas, sinon la partie sera finie. Keys: Enjoy!
-
Looks good, it's called Woggle Free Can download with this link Woggle Free Can play at this link Woggle Free Description: Schaffe gültige englische Wörter, indem du die Buchstaben auf dem Spielfeld verbindest. Je länger die Wörter, desto mehr Punkte gibt es. Verwende soviele Buchstaben wie im angegebenen Ziel, um zum nächsten Level zu gelangen. Object: Schaffe gültige englische Wörter, indem du die Buchstaben auf dem Spielfeld verbindest. Je länger die Wörter, desto mehr Punkte gibt es. Verwende soviele Buchstaben wie im angegebenen Ziel, um zum nächsten Level zu gelangen. Keys: Maus Enjoy!
-
Looks good, it's called Traffic Racer 2 Can download with this link Traffic Racer 2 Can play at this link Traffic Racer 2 Description: Fahre ein Rennen auf der Autobahn und vermeide den Verkehr. Benutze die Pfeiltasten zum Lenken deines Autos. Object: Fahre ein Rennen auf der Autobahn und vermeide den Verkehr. Benutze die Pfeiltasten zum Lenken deines Autos. Keys: Pfeiltasten Enjoy!
-
Looks good, it's called Jewel Blitz Can download with this link Jewel Blitz Can play at this link Jewel Blitz Description: Tausche 2 Elemente, um 3 oder mehr der gleichen Elemente in eine Reihe zu bekommen. Erreiche das angegebene Ziel, um zum nächsten Level zu gelangen. Object: Tausche 2 Elemente, um 3 oder mehr der gleichen Elemente in eine Reihe zu bekommen. Erreiche das angegebene Ziel, um zum nächsten Level zu gelangen. Keys: Maus Enjoy!