TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

960 Grid on jQuery-Mobile - merge 960.gs flexibility with jquery-mobile ease

25 pointsby jerome_etienneover 14 years ago

5 comments

pilifover 14 years ago
I see the temptation with using a grid like css system as it gives you really great control over the layout. On the other hand I really despise the classitis that's being enforced on a user of any grid system.<p>Not only that - the classes are as non-semantic as it gets.<p>Is this really where we should be going? Now that we got rid of non-sematic markup and heaps of tables and spacer images? Now we are going back to<p><pre><code> &#60;div class="grid_2"&#62; </code></pre> How is<p><pre><code> &#60;fieldset class="container_12"&#62; &#60;div class="grid_2"&#62;&#60;button type="submit"&#62;Button 1&#60;/button&#62;&#60;/div&#62; &#60;div class="grid_8"&#62;&#60;button type="submit"&#62;Button 2&#60;/button&#62;&#60;/div&#62; &#60;div class="grid_2"&#62;&#60;button type="submit"&#62;Button 3&#60;/button&#62;&#60;/div&#62; &#60;/fieldset&#62; </code></pre> better than<p><pre><code> &#60;table width="120"&#62;&#60;tr&#62; &#60;td width="20%"&#62;&#60;button /&#62;&#60;/td&#62; &#60;td width="60%"&#62;&#60;button /&#62;&#60;/td&#62; &#60;td width="20%"&#62;&#60;button /&#62;&#60;/td&#62; &#60;/tr&#62;&#60;/table&#62; </code></pre> (of course, playing devil's advocate a bit. fieldset &#62; div &#62; button is more semantic than table &#62; tr &#62; td &#62; button, but it's far away from perfect)<p>Now if we had something like SASS where we could say that #sidebar is to be rendered as .grid_2, yeah - better, but as long as SASS is just something we bolt on as a compiler on deployment time, the code we are throwing at the browser is just as ugly as the code we threw at the browser in the dark ages.<p>This is why I'm not touching grid systems for my work, so if there <i>is</i> a class-attribute, then it usually has (aside of IE hacks due to .not.supporting.multiple.classes.selectors) semantic meaning.
评论 #2189172 未加载
listicover 14 years ago
So, how does this compare to Less Framework? <a href="http://lessframework.com/" rel="nofollow">http://lessframework.com/</a><p>I just decided to use Less Framework, and now I see this...
评论 #2188886 未加载
radiusover 14 years ago
I get a blank screen on my blackberry bold 9700 running all the latest updates and with javascript enabled. Sadly, blackberry neglect is common for these "mobile" frameworks.
leftnodeover 14 years ago
This is great, I can't wait to try it out. I love 960 Grid more than any other CSS framework, and now that there's a mobile release, I'm even more thrilled.
atgmover 14 years ago
This is neat, but kind of ugly on Opera 11. Mouseover yields a grey block that doesn't conform to the rounded block's boundaries.