Even experienced designers are not constantly keeping CSS vocabulary in sight. Or are you permanently rattling off commands with your eyes closed? If so, people might start to avoid you. Did you notice such signs, now you probably know where to search. Thank me later. Probably it helps to know that there is a very conclusive technique to avoid running around murmuring CSS properties. Simply visit the project "CSS Vocabulary" and free your mind.
CSS Vocabulary: Know What’s What
The tiny project CSS Vocabulary is completely self-explanatory. It consists of a single code example and a sidebar with definitions. All you can do is click and read. Choose a part of the example code and CSS Vocabulary highlights the fitting definitions from the sidebar. Click a definition from the sidebar and you’ll be presented with examples for that definition inside the source code.
Sure, CSS Vocabulary does not exactly teach you how to CSS. But if you’re anything like me, oftentimes the proper definitions don’t come to mind effortlessly. This is especially annoying when you are writing an article on CSS. You know what you want to describe, but the hack, what was the exact term for it? Style guides are another use case for a quick look-up solution.
Ioanni Mitsakis is front-end developer at a major European automotive supplier and responsible for the look & feel of their internal cloud-based apps. As his employer works internationally with distributed teams world-wide, a rock-solid development foundation is what Ioanni aims for. He better should ;-)