Showing articles tagged with "Tutorial" (7)
In the fast-paced world of web development, ensuring that your website serves the latest version of stylesheets and scripts is crucial. Cache-busting techniques play a vital role in achieving this goal. In this article, we will dive into the world of MODX CMS and explore various methods to add cache busters to stylesheets and scripts. From manual versioning to leveraging built-in features and an alternative code snippet using filemtime(), we'll equip you with the knowledge to optimize your website's performance and deliver an up-to-date user experience. Let's get started!
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
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.
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.