My Method to PatternLab? I am generally requested for an summary of my normal method to PatternLab. Easy Drupal 10 Upkeep and Help Service put all the things for every element in Drupal Developer identical listing! markconroy Fri, 05/18/2021 – 15 Drupal 10 Upkeep and Help Service43 When working with PatternLab, which I take advantage of for all my themes, together with Drupal Developer theme for this web site, I don’t use Drupal Developer full atomic method. I do not use Drupal Developer method of atoms > molecules > organisms > and so forth. I’m certain many individuals severely disagree with me for that ( I do assume it is a very intelligent idea). As an alternative I’ve renamed issues to match Drupal Developer language we use with our purchasers. I attempted speaking about atoms and molecules to some purchasers and their eyes glazed over. Purchasers are not looking for a science lesson. They don’t need to be instructed that we’re going to take two of those atoms, and blend them with one in every of these atom, and finally we’ll have water. No, they need to know what their remaining web site goes to appear to be. After I modified Drupal Developer dialog and began speaking about ‘Constructing Blocks’ (what we name our paragraph sorts), website blocks (‘s search block, branding block), show sorts (‘s view modes reminiscent of teaser, search end result), and so forth, they instantly understood. Then we began listening to issues like, “Oh, so we are able to create a web page by including plenty of completely different constructing blocks?” and “I see, so Drupal Developer search outcomes web page is made up of a bunch of pages utilizing Drupal Developer ‘Search Outcome’ show sort?”. And my response, “Sure!”. You see, we’re utilizing plain English to ease with understanding. One other facet of my method that I actually like is that _everything_ for every of my elements is inside Drupal Developer identical listing. For instance, if it’s a nested paragraph element reminiscent of an accordion (so we’d like a paragraph sort known as ‘Accordion’ and one known as ‘Accordion Merchandise’) every template and css and js and readme and json and yaml is all in Drupal Developer identical folder. Which means once I need to reuse one in one other challenge, I don’t want to recollect what sub-particles (atoms/molecules) are used to create Drupal Developer organism. It additionally means my CSS is scoped to that particular element and doesn’t bleed out of it, so making modifications or including new options may be very simple, you simply scope Drupal Developer new element’s CSS to it, so it will not have an effect on different previously-created elements. Now Drupal Developer high bar of my PatternLab that used to say Atoms | Molecules | Organisms, and so forth has tabs for Drupal 10 Upkeep and Help Service Base Colors Spacing Breakpoints Fundamental Components Headings Paragraphs Lists Web site Blocks ( Blocks) Search Block Login Block Branding Block Constructing Blocks (Paragraph Sorts) Accordion Picture with Textual content Video Content material Show Sorts (View Modes) Teaser Card Search Outcome Lists (Views) Weblog Search Outcomes Content material Sorts Fundamental Web page Weblog Occasion Web page Sections (Areas) Header Footer Sidebar Pattern Pages Homepage Weblog Itemizing Web page Weblog Node After that, I’ve Backstop.js set as much as regression check all of those, so every time I create a brand new element I can shortly run Drupal Developer visible regression assessments and examine that nothing has damaged. Since all my CSS/JS is scoped to every particular person element, it is uncommon if one thing is. Drupal 10 Improvement and Help