{"articles":[{"id":"clu37o1om24z107l8okoyhcne","introText":"As developers, we must ensure that the sites we build not only look good but perform well and the easiest way to gain a performance boost is by serving properly optimized images. We'll be looking at the pThumb Extra to generate out different image sizes, crops, and formats all on the fly","slug":"generating-images-using-phpthumb","title":"Generating images using phpThumb()","tags":["Performance","Tutorial","theory"],"image":{"url":"https://eu-west-2.graphassets.com/clu2ob2z3n53r07lealbc7wqg/output=format:webp/clu38f3pl28cu07mr436fjkz3"}},{"id":"clu37hkls24l607mi061zqnv7","introText":"We've become so used to passwords that we've created tools just to help us keep track of them all. In recent years magic links have started to become more popular in an attempt to make our lives easier. For this tutorial, we'll be building the basics of a passwordless login for MODX. Ideally, this should be implemented with a 2fa or other identity-confirming method to ensure authenticity, but we're only looking at the basics.","slug":"modx-magic-link-login-tutorial","title":"MODX magic link login tutorial","tags":["MIGX","PHP","theory","Tutorial","XPDO"],"image":{"url":"https://eu-west-2.graphassets.com/clu2ob2z3n53r07lealbc7wqg/output=format:webp/clu37gu2g24j607mimuqmm35h"}},{"id":"clu37embv23rt07l80bd9dcvt","introText":"This thought experiment article explores a number of different methods for logging users into a MODX context using the API. With simple snippets or endpoints, we can handle the creation of new users, search for registered users and log them in without them having to physically sign in.","slug":"login-a-modx-user-with-the-api","title":"Login a MODX User with the API","tags":["PHP","theory","XPDO"],"image":{"url":"https://eu-west-2.graphassets.com/clu2ob2z3n53r07lealbc7wqg/output=format:webp/clu37e18f23zc07mih00woh07"}},{"id":"clu37cj2f23vu07miko7padth","introText":"VUE JS is amazing, there's no doubt about it. But there inevitably comes a time when your shiny new app needs to do something when an event is triggered outside of its scope. This can present a problem but with watchers and VUE observables it's super simple to manage. This short article is a quick demonstration of I implemented a VUE watcher on a global variable during a recent project.","slug":"how-to-watch-global-variables-in-vue-js","title":"How to watch global variables in VUE JS","tags":["VUE"],"image":{"url":"https://eu-west-2.graphassets.com/clu2ob2z3n53r07lealbc7wqg/output=format:webp/clu37c6fh24qx07mrbso17ddt"}},{"id":"clu341q4b1ugy07mroa02x9zh","introText":"HTML-over-the-wire is a method whereby an AJAX request returns HTML instead of JSON. This methodology allows us to quickly build reactive, modern interfaces with the tools we use every day. MODX is the ideal CMS for working with HTML-over-the-wire as its powerful template syntax, combined with chunks and output modifiers enables us to write our logic directly in our templates. HTMX is one of a number of libraries that enable HTML-over-the-wire using simple HTML attributes. This article looks at HTMX and how to integrate it with MODX to enhance your websites and create more powerful applications.","slug":"htmx-and-modx-a-match-made-in-heaven","title":"HTMX & MODX a match made in heaven?","tags":["AJAX","PHP","Tutorial"],"image":{"url":"https://eu-west-2.graphassets.com/clu2ob2z3n53r07lealbc7wqg/output=format:webp/clu3415671svq07l8726j818j"}}],"articlesConnection":{"aggregate":{"count":13}},"pagination":{"page":0,"totalPages":3,"prevPage":null,"nextPage":1},"tag":null}