Menu icon Foundation

My Posts

No Content

My Comments

Roy Hewitt commented on Xandros's post about 5 years

I disagree with the premise that "Foundation is a frontend framework, where these classes need to be available to use directly in the html without having to render your own classes with @extend." If you're adding style to an element shouldn't that be done with CSS rather than the HTML? Separating style front content to the point that it makes sense is a big win in my mind.

A front-end framwork, IMO, is a series of tools that lets you display styled content on a webpage. That doesn't mean you should be forced to use presentational classes in HTML. In fact, using placeholder classes makes things easier when you're forced to make changes to your design. Using proper semantic classes in HTML and extending them with presentational (placeholder) classes means that you have only one place to edit your code in response to a design change -- the (S)CSS, and not the HTML.

See:
http://thesassway.com/intermediate/understanding-placeholder-selectors
https://www.youtube.com/watch?v=Ckh_09hi94w&feature=youtu.be (start at 10:00 if you'd like)

Posts Followed


Following

    No Content

Followers

My Posts

No Content

My Comments

You commented on Xandros's post about 5 years

I disagree with the premise that "Foundation is a frontend framework, where these classes need to be available to use directly in the html without having to render your own classes with @extend." If you're adding style to an element shouldn't that be done with CSS rather than the HTML? Separating style front content to the point that it makes sense is a big win in my mind.

A front-end framwork, IMO, is a series of tools that lets you display styled content on a webpage. That doesn't mean you should be forced to use presentational classes in HTML. In fact, using placeholder classes makes things easier when you're forced to make changes to your design. Using proper semantic classes in HTML and extending them with presentational (placeholder) classes means that you have only one place to edit your code in response to a design change -- the (S)CSS, and not the HTML.

See:
http://thesassway.com/intermediate/understanding-placeholder-selectors
https://www.youtube.com/watch?v=Ckh_09hi94w&feature=youtu.be (start at 10:00 if you'd like)

Posts Followed

Following

  • No Content

Followers

  • No Content