ProcessWire Weekly #392

In the 392nd issue of ProcessWire Weekly we're going to check out the latest weekly update from Ryan, introduce a new third party module called OneTimeOnlyCode, and more. Read on!

Welcome to the latest issue of ProcessWire Weekly. In this week's issue we'll check out the latest weekly update from Ryan, in which he focuses on the Page Autosave module. In other news we're also going to check out the OneTimeOnlyCode module from Ben Byford, and last but not least highlight the newly rebuilt website of SuperTiny agency.

Also, just a quick heads-up before we get started with this week's content: subscription for Padloper 2 early beta test is currently open, but will close in a few days. Be sure to subscribe soon if you'd like to get an early glimpse into this very highly anticipated commercial e-commerce module.

Thanks to all of our readers for being here with us again, and as always, any feedback is most welcome – please don't hesitate to drop us a line if there's anything in your mind you'd like to share with us. Enjoy our latest issue and have a great weekend!

Weekly update from Ryan: Page Autosave and Live Preview

In the latest weekly update, published via the support forum, Ryan shares latest news regarding his upcoming PageAutosave module. Version 2 of said module has just been posted to select Pro module support boards, and in addition to some smaller updates also contains a new major feature: live preview support.

Live preview can be accessed via the "view" menu. When you choose to view the page in live preview mode, a new browser window is opened, and the contents of that window will update automatically whenever you make changes to said page in the admin.

Live Preview mode link in the view menu of ProcessWire admin. Screenshot by Ryan.

As for how the live preview mode works, there are a few options to choose from:

  • It can automatically and asynchronously reload the contents of the page <body> element, the result being a very smooth experience where scroll position etc. is retained.
  • You can add custom classes to the page (pw-value-[field name]), the contents of which will then by automatically updated when said field is updated. While this is the most performant method, it takes a bit more effort.
  • You can choose to refresh the whole page when changes are made. This method should work well in just about any situation, but is of course less "seamless" than the other options.

Here's a video from Jonathan Lahijani, showcasing both the live preview mode, and his custom-built page builder for ProcessWire:

Be sure to check out the weekly update from Ryan for more details, and if you're a Pro module subscriber visit the support forum to get your hands on the current version of the PageAutosave module right now. Thanks!

New module: OneTimeOnlyCode

OneTimeOnlyCode is a brand new third party ProcessWire module from Ben Byford. This module was built for creating random codes, validating said codes, and then removing them after a single use. Said codes can be used, for an example, to display a piece of content intended for limited access, etc.

Using the module is simple: first you'll need to create an array of single-use codes for a specific URL by calling the OneTimeOnlyCode::createCodes($url, $count) method, after which you can validate a code by calling OneTimeOnlyCode::checkCode($code, $url).

As the name suggests, by default OneTimeOnlyCode deletes the code after single use. This behaviour can be bypassed by providing boolean false as the third argument to the checkCode method, in which case the code is not removed. Single-use codes can also have a predefined expiration date, configurable via module config screen.

Thanks to Ben Byford for developing this module and sharing it with us!

Site of the week: SuperTINY agency 2021

Our latest site of the week is the newly rebuilt website of SuperTINY agency — the small but powerful design agency based in Porto, Portugal.

SuperTINY is a no-nonsense agency with a wide range of services: UI/UX design, web development, identity and brand design, applications, SEO copywriting, marketing automation, and so on. The core team of SuperTINY currently consists of two people — founder and web specialist Helder Cervantes, and marketing specialist Liliana Neves.

SuperTINY is a design agency from Portugal, offering the level of service of a large studio in a tiny package. This site's design and overall vibe takes cues from 80's sci-fi, especially in the ThreeJS powered intro.

— SuperTiny agency

While arguably the most prominent features of this site is the intro, developed using the three.js JavaScript 3D library, the rest of the site is also nicely laid out, full of tiny details that both make it fun to browse, and very intuitive. Behind the scenes the site makes use of stencil based web components, and various custom features, of which there are more details in the showcase forum thread dedicated to this website.

Once again our congratulations for Helder Cervante and the SuperTINY agency for a brilliant new website — we thoroughly enjoyed browsing this site, and it's one of the most beautiful projects we've seen or featured in a while!

Stay tuned for our next issue

That's all for the 392nd issue of ProcessWire Weekly. We'll be back with more news, updates, and content Saturday, 20th of November. As always, ProcessWire newsletter subscribers will get our updates a few days later.

Thanks for staying with us, once again. Hope you've had a great and productive week, and don't forget to check out the ProcessWire forums for more interesting topics. Until next week, happy hacking with ProcessWire!

Post a comment