{"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":"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"}},{"id":"clu33xw841scu07l8uj3tgy2n","introText":"MODX Output Modifiers bring PHP logic into HTML. They enable you to generate DateTime stamps, image thumbnails, IF statements, set defaults and pretty much anything else you can think of. In this article, we'll look at some of my favourite MODX output modifiers and how you can create your own.","slug":"modx-one-liners-and-output-modifiers","title":"MODX one liners and Output modifiers","tags":["PHP","Tutorial"],"image":{"url":"https://eu-west-2.graphassets.com/clu2ob2z3n53r07lealbc7wqg/output=format:webp/clu33xf1l1suz07mis7vz5s5r"}},{"id":"clu33qrpi1rl007l8vg5ej34k","introText":"One of the reasons why MODX is our CMS of choice is because of its innovative template variables. Simply put, a template variable is a custom field for a MODX resource, this means we can add extra information to a resource/ webpage without having to hand-code or 'Hack' it in. Please note that this is a very long article with a few tricky bits, take your time reading it to be sure you understand everything.","slug":"how-to-setup-and-use-migx-tv-for-modx","title":"How to setup and use MIGX TV for MODX","tags":["MIGX","Tutorial"],"image":{"url":"https://eu-west-2.graphassets.com/clu2ob2z3n53r07lealbc7wqg/output=format:webp/clu33r98k1t7k07mrlnhoxbnn"}}],"articlesConnection":{"aggregate":{"count":8}},"pagination":{"page":0,"totalPages":2,"prevPage":null,"nextPage":1},"tag":"Tutorial"}