ProcessWire Weekly #605

The 605th issue of ProcessWire Weekly brings in all the latest news from the ProcessWire community. Modules, sites, and more. Read on!

Welcome to the latest issue of ProcessWire Weekly! In this week's issue we're going to check out what's new in the dev branch of ProcessWire at GitHub since last week, right before diving into yet another third-party ProcessWire module created by Robin Sallis: Iconify Icon.

As always we've also got a new site of the week to highlight, and this week that site is a real treat: the website of french filmmaker and audio explorer Vincent Moon. Not only is his site really interesting in itself, there's also a vast archive of films available for free, so its definitely something you'll want to check out. More about all that in just a bit.

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!

Latest core updates

While we don't have a weekly update from Ryan to share for this week, there are still some quite interesting updates in the dev branch of ProcessWire that Ryan will likely cover in his weekly updates at a later date. Anyway, here's a little sneak peek:

  • Recently introduced Markup File Regions feature now supports namespaces. Namespaces let you specify a parent selector for nested CSS rules, or place JavaScript into a separate arrow function. For JavaScript there are reserved namespaces "ready" for executing scripts on DOMContentLoaded event and "loaded" for executing them on window.onload.
  • Fieldtype Comments now has a new method for getting comments by an array of comment IDs and (optionally) page: getCommentsByID(array $ids, $page = null).
  • A bug fix for an issue where markup regions feature was not used at all if no output was sent prior to the HTML doctype declaration or <html> tag.

For the reference, here's how to add namespace for your CSS or JavaScript when using Markup File Regions — you can use either "pw-ns" or "pw-namespace", and in case of JavaScript you can leave value out (e.g. <script pw-ns>), since (with the exception of "ready" and "loaded") name makes no difference in terms of functionality:

<style id="foo-bar" pw-ns=".common-parent-selector" pw-file>...</style>
<script id="id" pw-namespace="ready" pw-file>...</script>

That's all for our core updates section this week, but keep on reading for more news and updates!

New module: Iconify Icon

Iconify Icon module is, as the modules directory entry explains, a bundle of fieldtype, inputfield, and admin helper modules for searching and displaying Iconify icons. This essentially allows you to pick your choice from over 200,000 open source vector icons directly in the ProcessWire admin interface.

A GIF animation by module author Robin Sallis, showcasing the Iconify Icon fieldtype in action.

There are some configuration settings that you can define for a field using this fieldtype, the most important one probably being a prefix or prefixes for the icon sets you want to use. This is important in part because the Iconify API won't return more than 999 results per query, and also because you'll often want to limit results to the set or sets that fit your site's particular design.

You can find the prefix of an icon set from its URL by browsing at https://icon-sets.iconify.design/. For example, the prefix of the icon set browsable at https://icon-sets.iconify.design/mdi/ is "mdi".

If you'd like to give this module a try, you can install it via the built-in modules manager in the admin, or clone or download it from the FieldtypeIconifyIcon GitHub repository. If you have any questions, require help getting started, or would like to suggest something new, head down to the Iconify Icon support forum thread.

Big thanks to Robin Sallis for creating this module and sharing it with us!

Site of the week: Vincent Moon

Our latest site of the week belongs to Vincent Moon, an independent french filmmaker and sound explorer. His website was created by Adrien Goua and is as of this writing one of the latest projects to land in the ProcessWire sites directory.

Website of filmmaker Vincent Moon, presenting a living archive of more than 700 films shot around the world, organized through an interactive grid and a global map.

Vincent Moon, real name Mathieu Saura, has been making films for more than twenty years, documenting popular and sacred music, trance ceremonies and sound experiments. His works, which include 1,300+ movies, are available for free under an open source (Creative Commons) license from the Internet.

The website consists of filmography section with more than 700 films, an interactive map feature placing films on the world map, photo galleries, info pages and author introduction, and an agenda of upcoming events. Not only is there a lot of interesting content on this site, it is also very fun to browse and looks amazing — we'd definitely recommend checking it out for yourself.

As for some behind the scenes details, from what we can tell the front-end of this site appears to be largely custom-built, with some help from the GSAP animation library (which, by the way, has been recently made completely free). And last but not least, when it comes to non-core ProcessWire modules, one that we could spot in action on this site is the commercial, all-in-one caching and minification powerhouse ProCache.

Our congratulations to Vincent Moon for their new, ProcessWire powered website — as well as for the author behind the site project, Adrien Goua, for a job well done!

Stay tuned for our next issue

That's it for the 605th issue of ProcessWire Weekly. We'll be back with more news, updates, and content Saturday, 20th of December. 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