🔷 CSS Methodologies You Must Know - 2
A Thread🧵 👇
A Thread🧵 👇
📌 SMA CSS
→ SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process.
✅ Example:
→ Let's say our layout is called .I-footer.
→ We have a search form module inside it.
→ SMACSS is a way to examine your design process and as a way to fit those rigid frameworks into a flexible thought process.
✅ Example:
→ Let's say our layout is called .I-footer.
→ We have a search form module inside it.
→ The search form has already been submitted at least once by the user.
📌 Systematic CSS
→ Systematic CSS shares many of the principles and ideas you can find in OOCSS, BEM, SMACSS, SUIT CSS, and other CSS methodologies.
→ Systematic CSS is meant to be a simpler alternative to existing CSS methodologies.
✅ Example:
→ Systematic CSS shares many of the principles and ideas you can find in OOCSS, BEM, SMACSS, SUIT CSS, and other CSS methodologies.
→ Systematic CSS is meant to be a simpler alternative to existing CSS methodologies.
✅ Example:
→ Let's say our layout is called .I-footer.
→ We have a search form module inside it.
→ The search form has already been submitted at least once by the user.
→ We have a search form module inside it.
→ The search form has already been submitted at least once by the user.
📌 Conclusion
→ By providing a class-based approach for dividing up large web designs into many small, modular, distinct components, all CSS techniques address the scalability and maintainability challenge in CSS.
→ By providing a class-based approach for dividing up large web designs into many small, modular, distinct components, all CSS techniques address the scalability and maintainability challenge in CSS.
→ Each Ul module can be reused throughout a design and even ported from one project to the next if the CSS methodologies are the same.
→ CSS approaches do a lot more than just solving the CSS scalability issue.
→ CSS approaches do a lot more than just solving the CSS scalability issue.
Thanks for reading this thread ❤️
If you like it , make sure you:
🔷 Like the tweet
🔷 Retweet the first tweet ⚡
For more content , follow:
@MrunayU
If you like it , make sure you:
🔷 Like the tweet
🔷 Retweet the first tweet ⚡
For more content , follow:
@MrunayU
You can read the unrolled version of this thread here: typefully.com
جاري تحميل الاقتراحات...