I’ve created a new project on my GitHub account where I will collect both Boilerplate code for HTML Panels and other Demo extensions – it’s called PS-Panels-Boilerplate.
I’ve started with a revised version of my Topcoat CSS integration post. The code is now better because it doesn’t rely on the usual two version of topcoat:
Instead, I’ve tweaked the original
.styl and the
Grunt.js files – and following Garth Braithwaite’s tutorial I’ve eventually been able to output 4 CSS files that better match the Photoshop GUI, keeping the peculiar Topcoat personality:
themeManager.js code is refactored too, also (thanks to David Deraedt’s idea) injecting app’s Font information in the CSS.
UPDATE – Photoshop Tools
I’ve added this HTML Panel, which has been fun to build – go grab it on my GitHub page.
In the future – job, family and time permitting – I hope to be able to store in that repository the full code related to my entire HTML Panels tip series (and more! Since I’ve started approaching Angular, I plan to cover that one too).