Stuart has just updated a point update to Source Addons adding a significant new feature not seen in Stacks before in addition to many other significant new stuff.
It is now possible to add CSS code directly into the Coder stack, so that actual code will be executed. This avoids the requirement to add that code into the Page or Site wide code area or into a second Coder, avoids creating a class name and then adding that class name to the CSS Class box.
What is different about this?
If you want to add a class or call up a class that has some code or access any of the Utility Classes, then you still do this by adding the class name into the
CSS Class(es) box, just as before.
There is now a new
CSS box to enter code directly, if you want.
So, for example, if you want to set the height of a Coder to be 300px , you would enter
height:300px. To set the height and width to 300px, you would use
height:300px; width:300px. Any valid code can be used here giving you access to essentially every feature there is.
This is not only a quicker way to build sites with smaller faster code, reduce the processing time for RW or Stacks App to read and process all of the settings in a stack, it is also a quick way to live preview the code you may want to add.
I will repeat that it is also a quick way to live preview the code you may want to add.
For 1 off layouts this additional new feature will not make a noticable performance difference, but for complex repetitive layouts such as blogs, product layouts, etc., this will increase performance and reduce page code complexity.
So we now have a web development tool with live code preview that also has access to existing modules such as normal stacks.
Indirectly, this has just introduced yet another way to build CSS Grid and Flexbox layouts using a Coder as the grid container.