Hacker News new | ask | show | jobs
by itcodes 3955 days ago
I will never be able to understand why the grid class names are abbreviated. It's borderline unreadable and it's one of the primary reasons I avoid bootstrap when I can. Foundation is much better in this regard class="large-6 columns" makes much more sense than class="col-lg-6".

This is a good article though. I've been wondering what changed in the new version.

4 comments

Seriously? Col is too difficult to understand as an abbreviation for column?
It takes longer to parse. The same way "Wht r u talking abt" takes longer to parse than "What are you talking about". The former requires my brain to do several extra lookups before I arrive at the meaning. I would rather just type the extra characters for the words Column and Large.
After you've typed a thousand of these things your brain will just be doing a single lookup. From a newbie perspective, your opinion has merit but for long-term use it makes less sense.
Long term, making sure people use proper names for things is a great to make sure people are writing code for others to read.
Skeleton's also nice at this:

    class="six columns"
You can also do wildcard selecting with the namespaced approach. E.g.:

    [class^="col"] { /* blah */ }
class="marketing" is even better.

Then you put your styling in a style sheet.

You use border box by default since it's 2015, the parent uses flex, and set the width to 50%.