Solid

The SOLID design principles are five key principles that are used to design and structure a Class in… » DEV Community | dev.to

What is SOLID? SOLID helps you to write code that is easy to maintain, extend and understa… » DEV Community | dev.to

SOLID outlines a group of guidelines that developers can use to simplify and clarify their code. Whil… » DEV Community | dev.to

S.O.L.I.D. Software Design Principles To Help You Become A Better Developer » hackernoon.com | hackernoon.com

Introduction Have you ever heard of the FizzBuzz refactoring challenge? I encountered it… » DEV Community | dev.to

CSS was meant to style academic documents and simple sites (eg. wiki, blogs) where the cascade and descendant selectors makes a lot of sense. Unfortunately many sites we build nowadays are way more complex than that, and what used to work on simple projects doesn’t scale very well. We need to find smarter ways to code CSS to avoid the common issues and re-think the way we do our work. We should learn from the experience of other devs working in different domains, and apply into our own domain. Things like separation of concerns, modularity, encapsulation, DRY can (and should) be applied to large scale CSS projects as well. The main problem is that most people who are good at CSS doesn’t necessarily have a Computer Science background, most of them started as designers and learned CSS by themselves (that was my case¦). That’s the main reason why I’m writing this post. I won’t get into too much details/examples but will try to explain briefly each concept. Some of the SOLID principles are open to multiple interpretations on the CSS context - since we are shoehorning the concepts - that’s one of the reasons why I decided to not give detailed examples. I also think we should understand the idea and not be tied to a specific implementation. ...