In this video we briefly discuss static resources, reporting errors for #MODX3 in GitHub, setting up an image specific template variable, fetching resources and their attributes using #pdoResources and resizing images using the #pThumb snippet.
This video explores the use of #React in MODX Custom Manager Pages, breaking the constraints of ExtJS. We also explore setting up modx as a #headless #cms returning json data for resources and custom packages.
Creating Custom Manager Pages in MODX:
https://docs.modx.com/revolution/2.x/developing-in-modx/advanced-development/custom-manager-pages/custom-manager-pages-in-2.3
Developing Restful API's in MODX:
https://docs.modx.org/current/en/extending-modx/developing-restful-api
Install webpack, babel + loaders command:
https://pastebin.com/wHMSBXAf
webpack.config.js:
https://pastebin.com/MRAa8iB6
In this video we create a #tensorflow image classifier for a bunch of random objects.
We then setup an #ecommerce site using Commerce from modmore.com with the objects as products and begin to flesh out a small script to match the results of the image classifier with the correct ecommerce products.
Retrain Tensorflow model command:
https://pastebin.com/ZV9pKEEX
Guess image command
https://pastebin.com/VQMd7auN
Modmore:
https://www.modmore.com/?via=1346
MODX CMS:
https://community.modx.com/
MODX Help:
https://community.modx.com/
In this video we discuss how to handle forms using the #MODX Content Management System coupled with #FormIt. We also discuss how to run php scripts before and after form submission using #hooks, how to email the form values and how to manipulate a submitted image using the form.
In this video we develop a small #node application to watch for changes on our CSS file as we develop #AMP websites. On save the node app informs us, using desktop notifications, the current file size of the CSS file as well as the previous file size.
We then continue to expand on the MODX CMS plugin we previously created by adding functionality to also inform us of the CSS size of the now purged css results.
Finally we conclude by automatically sending our AMP pages for #validation using the CLI API.
Developing #AMP pages using the #MODX Content Management System is simple. Optimising your CSS per page page is equally as simple. In this fast paced video we experiment by creating a plugin that hooks on to the save event in MODX to optimise our AMP CSS selectors returning ONLY the used CSS values to the page.
Udemy Course by Stefany Newman:
https://www.udemy.com/creating-websites-with-accelerated-mobile-pages-amp/
#PurgeCSS:
https://www.npmjs.com/package/purgecss
MODX:
https://modx.com/download
Node JS:
https://nodejs.org
Today we wound down a busy week with a 30 minute pen drawing of Spiderman. We're thinking about making this a regular thing, what do you think? Let us know in the comments below.
In this video we revisit content building with #FRED, the #MODX Front End Editor. We discuss how to get up and running with FRED along with setting up some basic options and how to use and modify the FRED FontAwesome Icon Editor to create your own custom icon selector.