Jump to content

PrettyPixels

Friends
  • Posts

    510
  • Joined

  • Last visited

Reputation Activity

  1. Agree
    PrettyPixels reacted to Como in Coming Soon: Email Bounce Management   
    I too would like to see this addition.
  2. Agree
    PrettyPixels reacted to Dreadknux in Invision Community 5: Tagging Reinvented   
    Thanks Matt - I do think there's value to having a portal where all tags are listed, as well. If I may be so bold as to suggest... perhaps there could still be a landing page that exists at www.site.com/tags/ that displays all tags through the site, while the Featured Content page (www.site.com/featured or whatever) can be a little more bespoke/selective based on what tags the admin wants to put front and centre?
    That seems like an elegant solution to me (and it offers users a useful place to go and browse through content if they ever get bored - at the moment in V4 /tag/ or /tags/ doesn't lead anywhere so it might also put something contextually useful there?)
    Thanks also for the added detail on how the Featured options work - based on the "Featured Reply" GIF you shared, would that reply also appear on the Featured Content landing page, or will that reply simply appear at the top of the topic?
  3. Like
    PrettyPixels reacted to Claudia999 in Invision Community 5: Tagging Reinvented   
    It would be nice if tag pages could be indexable for Google and Co. Or if we had the option to choose whether they are indexable or not.
  4. Agree
    PrettyPixels reacted to David N. in Invision Community 5: Tagging Reinvented   
    This new tagging feature looks really amazing. It looks to be everything I wanted, and even more! 🙂 I really look forward to experimenting with it. 
    My community uses tags intensively and has hundreds of tags though, so that members can easily find threads related to a specific topic.
    Is there a way to handle that in the +Add Tags pop-up menu? Can I search for the tag I want to add? Ideally, I would start typing the first few letters of the tag I want and only tags starting with those letters would show up, just like it's working now in v4? 

    Also I would really love the capability to merge tags. 
  5. Agree
    PrettyPixels reacted to Adriano Faria in Invision Community 5: Tagging Reinvented   
    I would add the ability to set my own order of tags (in the content item) if I don't want to order them alphabetically. I was also hoping for multiple prefixes, colors, etc.
  6. Agree
    PrettyPixels reacted to Randy Calvert in Invision Community 5: Tagging Reinvented   
    Would it be possible to choose to receive on-site notifications as well (aka "the bell")?  This looks really interesting and is going to challenge me to think about how I organize content now.  I can absolutely see potentially consolidating a few forums...  I can also see being able to have a page that has images, files, and topics on a single subject as being a great way to start building documentation, etc.  
  7. Haha
    PrettyPixels reacted to Matt in Invision Community 5: Tagging Reinvented   
    Added a note on your account, thanks! 😂
  8. Like
    PrettyPixels reacted to Matt in Invision Community 5: Tagging Reinvented   
    Invision Community v5 takes a fresh approach to tagging and content discovery. It overhauls the concept to bring content across different sections together with a beautiful new tag page.
    Tagging is a powerful concept but underused with Invision Community 4 due to overly complex interfaces in different areas of the suite, a confusing open tagging model option and no real benefit in content discovery beyond a simple list of content items.
    A driving force behind Invision Community 5 is the question of how we can help time-pressured community members find the content that most interests them.
    Invision Community has robust taxonomy through forum and category structures, but what about content in less visible areas such as Blogs, galleries or Events? How can we bring those together to homogenise the type of content and focus on the content itself?
    Taxonomy via tagging across all applications in the community suite is the answer. However, we needed to re-approach how tagging was implemented in the Invision Community to bring our new vision to life.
    Out with the old
    The current tagging system is implemented loosely, allowing open tagging, which is more akin to hashtags than high-level taxonomy. Allowing forums, albums, and blog categories to define their own tags turns tagging into more of a status label, which does nothing to help bring disparate content together.
    In with the new
    With a new focus on taxonomy and content discovery, we set about rebuilding tagging for Invision Community 5. The UI to tag items is the same, but now each defined, globally available tag has its own page with cover image and ability to feature items within that tag page.
    A uniform approach to different content items in the UI breaks down the barrier between content types and focuses solely on the content.
    Tags featured on its page are automatically displayed on the community Featured Content page.
    Finally, tags can now be followed, allowing your community to get a daily or weekly digest of all new tagged items, bringing people back to read more of the content they love.
    Let’s take a closer look
    In Invision Community 5, all tags are defined in the Admin Control Panel. The ability to use open tagging and per-node tags has been removed, but don’t worry—the upgrade system will offer conversion for those tags.

    Once defined, the tags are available for all content types and feature on a dedicated new tag page. This page features cover photos and more information on the tag via a description.
    Content from across your suite will be displayed on this page. If a single piece of content has multiple tags, it will appear on every relevant tag page making it easy to have content in multiple areas.

    If you want to permanently or temporarily feature individual content, perhaps your latest news or product release, you can do so right from the tag page. Featured content will show on the community’s Featured Content Page.

     
    Blurring the lines
    Now that we have an attractive and focused page for each tag, we can start to blur the lines between applications and, indeed, forums and categories, offering a new way to organise content.
    For some communities, the need for multiple forums to categorise content is diminished, and instead, tagging can be used to separate and find content from across the community.
    Tags can be featured in the menu system, offering new ways into your community for new visitors, regular community members, and even those who visit daily.

    Invision Community 5 is fearless in challenging past decisions or streamlining features to make them stronger and more focused. Our new approach to tagging takes a vague and underutilised concept and pushes it front and centre in any content strategy.
    How will you use it in your community?

    View full blog entry
  9. Like
    PrettyPixels reacted to Adriano Faria in IPS5 and new embedded videos   
    I don't remember reading anything about it. Today we need to use hooks to allow new videos to be embedded on the site. How IPS5 will handle that?
  10. Thanks
    PrettyPixels reacted to Marc Stridgen in Minimizing transaction fees in Commerce   
    They could ignore what you put on the manual method for instructions, and leave it there. In which case you would have an item there to approve, which you would have to sort manually
  11. Agree
    PrettyPixels reacted to 13. in Invision Community 5: The all-new editor   
    H1 must be removed from this menu. Also, its insertion should not be triggered by just one "#" symbol (Markdown).
    Each page must have a unique H1.

  12. Like
    PrettyPixels reacted to Matt Finger in Invision Community 5: The all-new editor   
    Invision Community 5 has a brand new editing experience powered by a lightweight, fast React text editor built for mobile and modern browsers.
    The venerable CKEditor v4 at the core of our current editor is starting to show its age, so we wanted a clean slate with Invision Community v5 with an editor that was optimized for mobile use, easily extensible and had a feature set that would take us into the next era of Invision Community and beyond.
    The obvious choice was to consider the latest version of CKEditor, but it didn't fit our needs as it wasn't easily extensible, external plug-ins would no longer be possible, and its large footprint would affect page speed scores and be painful to use with a mobile connection.
    After a long search, we settled on Tiptap as the base for our editor. Written in React, loaded in chunks when needed for optimal performance and with many APIs and extensibility options, it was the perfect fit.

    Aside from the technical improvements, the editor offers new tools and a great base for writing our own plugins. I'll walk you through the main features throughout this blog. If you want a more technical deep dive, then please see my development blog.
    The Toolbar
    The toolbar has been redesigned to put the most commonly used styles first, with the least used styles and functions into an ellipses menu. The new paragraph menu contains the header styles, as well as the code block. The plus menu adds lists, boxes and quotes. The benefit of this new compact menu is that it displays just the same on mobile. Currently, there are different editor styles for desktops, tablets and mobiles with some style buttons removed to save space. With Invision Community 5, this is no longer the case. Even the smallest display gets all the functionality.
    mobile-toolbar.mp4
     
     
    Emojis & Icons
    Emojis have become a great way to embellish writing and express emotion. The new emoji picker has been modernized with larger emojis and tooltips to showcase the emoji shortcodes.
    The Icons tab, new for Invision Community 5, allows you to add Font Awesome Icons directly to your content.

    Lastly, both the emoji selector and the shortcode suggestion dropdown support arrow-key navigation, so you don't have to move your hands from the keyboard to the mouse.
    Content Boxes
    The feature I'm personally most excited about is boxes.
    The concept started as an abstraction of spoilers because sometimes you just want "a box" - a section that stands out from the rest of the content, something we do manually in our documentation and guides on this site. Each box has a tile and the following options:
    Expandable - You can mark a box as "expandable" which is functionally the same as a spoiler. One improvement is that expandable boxes use native HTML details and summary elements instead of plain Javascript animated divs. Colors - You can optionally keep it grey on grey like spoilers, but I think that's so boring! The colors automatically adjust to the theme colors, so it will look great in dark and light mode. Float (left/right/none) - You can make the box align to the left or right of other content just like you can for images Width - When the box is floated, you can set the width to big, medium or small. Boxes.mp4
    Link Expansion
    Invision Community has long expanded some links, such as YouTube, offering more context or even a mini-player where appropriate.
    With Invision Community 5, we've added support for embedding dynamic link previews using site metadata. This is a preview of a topic on our forum.

    For those unaware, the Open Graph (OG) Protocol is essentially a way webpages can specify a title, image, and description to be dynamically embedded on another platform. This is the underlying technology when you see the link preview in Meta, X, Slack, or iMessage.
    Code Blocks and Inline Code
    The new editor adds inline, syntax-highlighted code blocks and inline code. Both formats can be applied via the toolbar, or optionally, you can wrap text in a single backtick (`) to convert it to an inline code block or triple backticks (```) to convert it to a code block.

    The code blocks also support numerous languages for syntax highlighting, including a new custom highlighter for the Invision HTML Template Syntax (Invision Community theme creators and application developers, you're welcome!)
    Semantic Headings and Relative Sizes
    Invision Community 5 adds a block selector with headings 1 through 6 in the new editor. It's possibly the most common request I hear so that people can use consistent styling rather than just big bold text in a paragraph tag. Semantic headings are also ideal for SEO and accessibility.
    In addition to the block selector, you can create headings with the corresponding markdown shortcut. Consecutive pound signs (#) at the start of a line followed by a space (the number of pounds corresponds to the "level" of the heading). For example ### creates a Heading 3 (<h3/>) creates the heading for you.
    Using clear header tags means screen readers and search engines can better understand your content as using absolute font sizes, such as 16px, can make it unclear what type of element is actually being used. Is it a heading or just a paragraph with large bold text?
    Furthermore, you may want different sizes depending on the content and device type. Mobile devices may benefit from a large base font size. So we added percent-based font sizes which change the font size based on whatever the default would be for that block.
    text-menus.mp4
    Further UX Improvements
    The new editor in Invision Community 5 has several tangible improvements, including a mobile-first design.
    In the current editor, some functionality was hidden behind modals and double clicks, which are either not obvious on mobile devices or not possible at all. The new editor no longer relies on modals and instead uses buttons and dropdown menus that work perfectly with mobile and other touch-based devices.
    New Line Arrows
    For block content, such as boxes, images and quotes, we've added the ability to create a new line before or after the block with the click of a button. This was an issue of frustration for mobile and touch devices where it was not always clear where the cursor was and a finger is a much less accurate aiming device!

    Sticky Toolbar
    Anyone who has authored a long piece of content knows the pain of scrolling up and down to get the toolbar in view. To make writing longer content less stressful, we've made the toolbar sticky so that it will always be fixed at the top of the editor after scrolling down.
    sticky-toolbar.mp4
    Markdown Style Shortcuts
    One common request is to support markdown in the editor. While we opted not to include full markdown support, the new editor recognizes many markdown-style formatting shortcuts.
    markdown.mp4
    Colors
    A common challenge with rich text editors on sites with multiple themes is colors often need to consistently look right across all themes. This is even more important with Invision Community 5, as it has a native dark mode feature. For this reason, we opted to offer a reduced set of color options that all adapt dynamically to the theme. I mentioned this about box colors above, but this is also true of the font color. The difference in shade is slight, but it's very noticeable without it. Toggling between light and dark mode will never produce unreadable text.
    colors.mp4
    We can't wait for you to try the new editor; it has already been very popular with our small testing group. Which feature are you most looking forward to trying?

    View full blog entry
  13. Like
    PrettyPixels reacted to Marc Stridgen in Minimizing transaction fees in Commerce   
    You could disallow any other payment method within those items. That way they would only be able to pay with account credit
  14. Like
    PrettyPixels reacted to IPCommerceFan in Minimizing transaction fees in Commerce   
    I wrote a small plugin which selects account credit by default if the user has any available.  This doesn't require them to use it, but it encourages it since it is already selected when they get to checkout.  If this would be of any use to you I'd gladly share it.
  15. Like
    PrettyPixels got a reaction from pihu02 in Minimizing transaction fees in Commerce   
    I'd like to allow my members to sell things such as downloadable files, club memberships, etc. I realize this ability is built into Commerce. However, since many of the items are micro-transactions, I'm concerned about all the transaction fees eating into profits.
    Is there a way to require users to use account credit for smaller transactions? That way, users would need to load their account with a larger amount that will justify the transaction costs.
    I'm open to any other suggestions to minimize transaction as well. What has worked best for other communities?
  16. Like
    PrettyPixels reacted to opentype in Pages Feature requests: Improving filters   
    Since I am using Pages databases a lot, I always run into the same problems. Here are two related to filters. (I could probably add more, but I was dealing with these recently.)
    Checkbox as a filter.
    This option is unfortunately missing. I often need to give optional filter choices, e.g. as here on Amazon:

    With Pages, there is no option to do this. The Yes/No field isn’t optional. Using it would only ever allow one choice in the filter set (Yes or No). Filtering across all records without a choice for this field would become impossible. So it’s almost unusable. The Checkbox Set for some reason can be used as expected, but it only makes sense for multiple choices per field. For one field, it would still create the “select all/none” interface. 
    Solution: Allow checkbox field to be a filter, where no selection doesn’t do anything and a selection show all records with this checkbox checked.
    Pages relationship fields as filter.
    I always struggle with this one as well. This field makes Pages database so powerful and gives us a competitive advantage over other software. 
    Filters per radio, select box and so on are fine when there is a fixed set of options the admin can set up in advance. But what if that is not the case? What if the list of options needs to grow and needs their own database entries as well? For example, the publishers and authors of a book database. If they are set up as related databases, it’s impossible to filter the book records, because the relationship field cannot be used as a filter. But it is something users would expect. 
    Solution: Allow the relationship field to be used as filter with one or multiple options. 
  17. Like
    PrettyPixels reacted to AlexWebsites in Native solution for unread notification badge number on PWAs   
    I agree, as well as some sort of direction or prompt to install PWA on the device.
  18. Agree
    PrettyPixels reacted to Nigel Moore in Native solution for unread notification badge number on PWAs   
    We've built it internally for ourselves and have it kinda working. 
    Our only challenge is that the way we are doing it (as @JP TTT mentions above) causes infrastructure resource issues due to the long polling that happens on such regular intervals, especially with people who have lots of unread notifications. 
    (using JS to fetch the member notifications endpoint (/api/core/members/{id}/notifications) and extract the unread count from the fetched result and set it with setAppBadge PWAs function)
    We'd LOVE to see this functionality rolled out natively as IMHO, Badge Counts / Notifications are one of the primary and best benefits of PWA Apps 🤓
    (Especially now that Apple has finally come to the party recently - it's made companies like Basecamp go all-in on PWA)
    It would very likely be one of the highest ROI features for Community Engagement available. 
    Hopefully it's on the short term roadmap to really complete / round out the PWA capabilities of IPB. 
  19. Agree
    PrettyPixels reacted to Joel R in Invision Community 5: A more performant, polished UI   
    It's going to be interesting to see how IPS plans to expand its digital monetization
     
  20. Like
    PrettyPixels reacted to Matt in Invision Community 4: Pages databases in Clubs   
    Finally, one of the most requested features for clubs in Invision Community is coming with our March 2024 release: Pages databases in Clubs.
    You may be surprised to see a new feature being introduced for Invision Community 4 during our flow of news for Invision Community 5, but as we're committed to Invision Community 4, we wanted to continue to bring optimizations and improvements to the platform.
    What is the benefit of this new feature?
    Clubs enable communities to host multiple micro-communities with many benefits. Clubs allow more specialized and focused discussions on specific topics. This can lead to higher-quality content and a deeper exploration of niche subjects that may get overlooked when posted on a busy forum. Clubs also offer the ability to tailor the community experience based on the needs of that community. That customization is what this feature focuses on.
    Pages is a powerful application that allows truly custom layouts for content areas. Simply by adjusting templates, you can create a news feed layout (it is what we use for this news blog area!) or something even more customized to your needs.
    The March 2024 release allows you to create Pages database categories directly inside clubs, including custom fields and templates.
    How does it work?
    Setting up your Pages database to allow clubs to use categories is simple. Simply allow categories to be created within clubs when creating or editing a database.

    Once that is done, club owners can add a Pages database category to their club in the same way they can add topics, galleries, etc.

    Once the Pages database category has been added, you can then add content as you would any other club area with the added features of Pages, including custom templates and custom fields.
    This example club uses a custom Pages database listing template to show the articles in a custom format along with custom field data.

    Likewise, viewing an article in this example club showcases the use of custom templates to present the content differently from the standard topic templates Invision Community uses elsewhere.

    Allowing Pages database categories inside clubs brings the opportunity for more complex custom areas making use of multiple custom fields along with truly custom layouts using templates. This is a great way to bring additional areas, such as news articles, into your club areas to compliment discussions.
    We hope you enjoy this feature, and if you have any comments, please leave them below!

    View full blog entry
  21. Agree
    PrettyPixels reacted to Foxtrek_64 in [Events] Allow Venues Without Addresses/Custom Addresses   
    I host a forum for an online game community, for which I use the events feature to invite people to in-game events. I would like to be able to create venues corresponding the in-game locations, but venues require a mailing address. Currently we must work around this by requiring event hosts to specify venues in the event description.
    I see a few potential directions here:
    Add a Yes/No question for "Venue Has Address" which toggles the Address field. Add a Yes/No question for "Venue Has Mailing Address". When Yes, the Address field is shown as today. When No, a simple text field is displayed allowing the user to provide custom input. The ability to specify our own fields. For instance, I may want to specify a specific tavern in a specific city. In real life, this would simply be the name of the tavern and a mailing address we can punch into maps. But in a fictional world, all that may be needed here is the name of the tavern and the name of the city. In practice this could look like option 2, but having the flexibility to provide that additional information is useful.
  22. Haha
    PrettyPixels reacted to Joel R in Subscriptions - Multiple Choices   
    Here's another good example from a random site that shows different payment options in case IPS needs inspiration on this commonly-accepted practice:

  23. Like
    PrettyPixels reacted to Ehren in Invision Community 5: Dark mode, accessibility, performance and mobiles!   
    It's not something we've planned for an initial release, but it's quite easy to achieve with the new CSS framework and is possibly something we can implement in the future.
    With that said, browsers are very capable of scaling font sizes these days and since the entire UI is built using em's for sizing, the whole interface scales neatly. The color scheme also passes all contrast tests so far, and can be customized further using the Theme Editor if necessary 🙂
  24. Like
    PrettyPixels got a reaction from konon in Invision Community 5: Dark mode, accessibility, performance and mobiles!   
    I love the new accessibility features! As someone who works with accessibility for a living, I'd also really like to see the ability for users to scale text and make it higher-contrast for older or visually impaired members.
    Is this something you'd consider adding?
  25. Agree
    PrettyPixels reacted to Cedric V in Invision Community 5: Dark mode, accessibility, performance and mobiles!   
    Brilliant work ! Loving the progress.
     
    Can we also round up an applause for the frequently in depth updates Invision is bringing? Something that doesn’t need to go unnoticed. It’s one thing to keep working on v5, but keeping us informed with a top notch video, is equally as important!
     
    Well done team!
×
×
  • Create New...