This dropped on my mind when it comes to Copilot plugin. We could use it as slogan. Keep reading to find why.
Plugin produces lean code. We’ve strategic parts that we don’t give options to disable because some things need to work, if you ever drop some our design, you should not have ability to broke configuration. We’ve spent hours to make this bundle minimal, and if you are not happy we give dedicated panel to extend them, place custom values.
That strategic part is lean investment for the future, because any designer could make some designs based on this configuration and with over 600 our designs and every other made on using this default configuration could use them, everything could be globally controlled and only small strategic fraction of styles ensure this. That is why we call it Lean.
Code produced by our plugin is equal or better 99% of developers would write on their own. I’m doing personally silly things with CSS variables for years, and trust me it writes better code than I would. Sometimes I wish to spend some time and make plugin architecture that it could write own code.
We keep your back. As we have all data in the system we are try to find mistakes that you could make. We validate tons of data and give you feedback if we are pretty sure that you have made some mistake. When you are doing some misconfiguration we try to auto-heal and predict all mistakes that could be make. For example you want to override palette which has transparent shades with palette which does not have, this may result in broken interface, we do background check and heal configuration. We couldn’t catch all mistakes, but we’ve tried to predict every user mistake and place some sort of the strategy to help fix mistakes.
We care about doing fallback to improve browser compatibility.
We care that fonts should be defined in REM and respect user zoom settings. While pixel values kill that that we provide interface that let users to work in pixel as we know it is much more intuitive to many, and we do all the boring math behind so you don’t need to do that.
Making complex themes without checking contrast every time? Covered.
We try to care about boring stuff and put that on autopilot (better to say on Copilot) so you could do fun stuff. We’re lazy and we automate boring things.
Instead of explaining technical details. We’ll look real world scenario. We are building modern news site, and we want to theme it based categories. Let’s say we have news, sports, magazine, tech, and misc. Also we want to provide users dark and light mode so they could pick depending on the mood or their browser preference.
In order to do we could approach from two sides:
If we go with the first route, we’ll spend tons of resources to tweak all of that and keep up with accessibility as we have 10 color combinations to keep track.
Another approach would be to break that to 5 templates and each would support dark and light mode. By breaking this it will be initially easier to do, as it is much easier to think about styling in 2 dimensions than cover all 10 in one go. But this approach is mess in long run as we need to change 5 templates each time, and it works until it falls apart. If someone thinks that this second approach is stupid, we agree, but you would be astonished how many project are made on solutions like this and keep just making it as initially it was easier to develop and logic behind is crap. We all do that, probably this site that you are reading this article has some solutions like that also.
And final piece of the one more article that is up-selling you miracle. Of course we have made solution that could do it easily that is point. But see we have solution that we could explain this to child and let him create in 10 minutes.
Imagine you want to give your client the option to add a page or pages to their site for a special occasion, such as a promotion, to enhance their site. Before taking any action, consider how you would approach this task and estimate how long it would take to complete.
Please watch this video and compare results. Lean. Clean. Machine