We are fortunate to be able to participate in this amazing competition, offered to all of the Institutions nationally. Keep an eye on our social pages in the months to come to for some of our student’s proposals.
It’s only natural. Entanglement happens.
The cascade. It’s a blessing and a curse. It’s often the case that when you change the styling of one element, other elements inadvertently get restyled. Misuse of !important makes the cascade come to a screeching halt, and leaves you with inconsistencies from one element styling to the next. As websites get bigger or more developers start working on the codebase,
the CSS tends to grow as well. Without a plan, it becomes the Wild Wild West (wickey wild, wicky wicky wild wild wild west…Will Smith isn’t gonna get you out of this one).
- Modular – You can get to the point of building a page without writing a single line of CSS.
- Predictable – It doesn’t matter where you put the component, it’ll behave the same and look the same. It’s easy to write the code. You have systems in place for naming it. It’s more intuitive to write.
- Maintainable – It’s quick and easy to deal with. It won’t break other things on the site.
- Scalable – It’s hard to break and easy to build onto.
- Dry – It eliminates the need for copy and paste duplication in the CSS.
- Organized – There’s a place for everything.
Separation of container from content means that objects should look the same no matter where you put them. In other words, avoid location-dependent styles. For example, if you’re styling an h2 like this…