Why has Foundation 4 made its grid classes less natural and readable?

Posted by Brenden on Stack Overflow See other posts from Stack Overflow or by Brenden
Published on 2013-11-11T21:51:03Z Indexed on 2013/11/11 21:53 UTC
Read the original article Hit count: 289

Filed under:

css

|

mobile

|

zurb-foundation

The Background

I love responsive CSS grids. I hate Bootstrap's complex class names. I fell in love with Foundations human readable class names.

The Problem

With Foundation 4, they have changed four columns to large-4 small-4 columns and in my opinion this makes the HTML markup less clear. This style of CSS class names is exactly why I switched from Bootstrap to Foundation.

The Question

What advantage is gained by Foundation 4's Grid in making this change?

It seems that you can have a different grid layout on smaller screens via media queries, but I can't think of a design that would require this.

Note: I've been focused on native mobile development and therefore I may be missing out on recent best practices.

© Stack Overflow or respective owner

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More

Related posts about mobile

Cloud MBaaS : The Next Big Thing in Enterprise Mobility

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In this blog post, I will take a look at Cloud Mobile Backend as a Service (MBaaS) and how we can leverage Cloud based Mobile Backend as a Service for building enterprise mobile apps. Today, mobile apps are incredibly significant in both consumer and enterprise space and the demand for the mobile… >>> More
The broken Promise of the Mobile Web

as seen on West-Wind - Search for 'West-Wind'
High end mobile devices have been with us now for almost 7 years and they have utterly transformed the way we access information. Mobile phones and smartphones that have access to the Internet and host smart applications are in the hands of a large percentage of the population of the world. In many… >>> More
Mobile enabled web apps with ASP.NET MVC 3 and jQuery Mobile

as seen on ASP.net Weblogs - Search for 'ASP.net Weblogs'
In my previous blog posts, I have demonstrated a simple web app using ASP.NET MVC 3 and EF Code First. In this post, I will be focus on making this application for mobile devices. A single web site will be used for both mobile browsers and desktop browsers. If users are accessing the web app from… >>> More
How to import Opera Mobile 9 bookmarks into Opera 10 Mobile Beta 3

as seen on Super User - Search for 'Super User'
On my Samsung Saga, I've been using the Opera 9 as my default browser. I just installed Opera 10 Beta 3 and I want to import the Opera 9 bookmarks into Opera 10. How do I do that? >>> More
Oracle Retail Point-of-Service with Mobile Point-of-Service, Release 13.4.1

as seen on Oracle Blogs - Search for 'Oracle Blogs'
Oracle Retail Mobile Point-of-Service was previously released as a standalone product. Oracle Retail Mobile Point-of-Service is now a supported extension of Oracle Retail Point-of-Service, Release 13.4.1. Oracle Retail Mobile Point-of-Service provides support for using a mobile device to perform tasks… >>> More