my questions is rooted in my post about the missing CSS filter property in the visual editor of Pinegrow … hoping that some sunny day this feature will appear … I just thought about what the need of this feature is really all about, what I and maybe other beginners need – people who start designing & coding in and with HMTL 5 & CSS 3.
Well, the problem is that from a desktop & backend developer perspective CSS is somehow “type less” – its properties have no explicit “enveloping structure” that leads to the purpose and the effect of the property (or to which HTML elements it may be applied).
CSS properties are just free floating around – there are no CSS parent-objects that embed only the properties that belong to them, like e.g. for a border object and border-width property.
Some CSS properties guide their effect & “target objective” by the names respectively the prefixes in a dashed notation (like border-radius), but that is not consistent in every case, e.g. border-collapse can be used in tables too.
This is quite confusing for a foreigner in the new lands of HTML & CSS … so what about a visual map of that mysterious landscape .
I searched the web for CSS3 cheat sheets and visual guides, but I did not find something that seems to be complete (e.g. https://websitesetup.org/css3-cheat-sheet/ missing the filter property) and as I am a newbie, I cannot decide if its complete or not. Pure lists of all CCS 3 Properties can also be found in several places (e.g. with some top level structure https://tympanus.net/codrops/css_reference ), but then context & target of use is missing.
Having a complete CSS3 cheat sheet that visually guides a newbie would be great – or having a software or mobile app, which brings the “loosely CSS3 properties” into context and makes their use visible, maybe in an observable & editable action would be awesome to have … this could fill the gap for the missing CSS properties in the visual editor of Pinegrow … because typing the properties manually is not the problem, but knowing them & their use is .
Is there anything like this “out there” … suggestions & links are very much appreciated.