The Dr. Vibe Show™: Dr. Vibe’s Real Talk With Real Women “Are Women Committed To Commitment?”

1. Wondsrful write-up, particularly the modularization of views.
   Imagined I’d share my similar experience. I started with the exact same use of long/multipart
   class names, and although it is performant, I found it a bit cumbersome to develop with.
   In my approach, I strictly adhhered to representing each levl of structyure from the class identify, so a link from the headline would haave the class identify
   .apple_headline_link’. This produced nesting or un-nesting elements require a
   great deal of tedious class renaming, making rapjd experimentation quite burdensome.Instead, I switched too a convention that rellies on the child combinator.E.g.,.apple /* rules */
   .apple > .-headline /* rules */ .apple >.-headline > .-link
   /* rules */ .apple > .-subHead /* rules */ .apple > .-subHead > .-link /* rules, can differ from
   header liink */ .apple > .-body /* rules */ (Sodry about the formatting, can’t seem to improve it.) The benefit of this cokes
   when using a CSS preprocessor. I use Stylus, since I usee node.js for
   construct tooling..apple // rules > .-headline // rules > .-link // rules > .-subHead // ruless > .-link // rules > .-body // ruules &._green background-color
   green Now moving elements arouund only requires adding/removing
   a selector and indenting/un-indenting a bunch of declaration blocks.
   Performance is nevertheless excellent, but theoretically not as ery good as singlle class selectors.A necessary elemet of this approach iis that sub-elements have class
   names starting with a dash, while root elements do not.By
   corollary, all class names starting with a dash are only used inn
   selector groups scoped to a root class. With this convention, sub-elements are like private variables in OOP, with no meaning inn the global class
   namespace. I also use “flags” (e.g. “_green”, usiing an underscore prefix naming convention), whijch are analagous
   to a public boolean property inside the OO planet.
   Consumers are free to “set” aany supported flag on the module’s root element.Anyway, thanks again ffor the wondedful read through.

Comments are closed.