Using tables for layout sometimes makes sense: https://www.combatentropy.com/coming_back_to_the_table
How are these DIV's with presentational class names any better?
Pills: A simple responsive CSS grid for humans
71–80 of 102 posts
Re: Pills: A simple responsive CSS grid for humans
#72Why not just use flex? https://philipwalton.github.io/solved-by-flexbox/demos/grids...
Because IE 9 is still (unbelievably) a top 10 browser. But, it won't be for much longer, at which point I'll start converting. (https://www.w3counter.com/globalstats.php)
Re: Pills: A simple responsive CSS grid for humans
#73The problem with all of these responsive grid systems is that they are opinionated about how a component responds. Responsiveness is not a document level problem, it's a component level problem and each component has it's own concerns. One component might keep the 2up grid from desktop to mobile, another might collapse to single column half way, and so on. Having generic desktop and mobile class names ala bootstrap d…
Have you tried EQCSS( http://elementqueries.com/ ) ? The concepts looks good, bu I haven't seen anyone recommending it .
One of the demos on the EQCSS website is a responsive grid where the breakpoints are based on the grids own width, not the width of the browser. This seems to be what the parent comment was talking about.
Element query grid demo: http://elementqueries.com/demos/element-query-grid.html
Re: Pills: A simple responsive CSS grid for humans
#74Are there any sites that use grid systems? I can't think of any off the top of my head.
Re: Pills: A simple responsive CSS grid for humans
#75Honestly, I just use .something { width: calc(33.33% - #{$spacing-small*3/2}); margin-left: $spacing-small; &:first-of-type { margin-left: 0; } } Well simple
Correction: .something { width: calc(33.33% - #{$spacing-small*2/3}); margin-left: $spacing-small; &:first-of-type { margin-left: 0; } }
.something {
width: calc(33.33% - .66em);
margin-left: 1em;
}
.something:first-of-type {
margin-left: 0;
}Re: Pills: A simple responsive CSS grid for humans
#76Pill is almost 400 lines just for the grid. Here's a 48 line alternative that's customizable:
https://github.com/doximity/vital/blob/master/source/stylesh...
Re: Pills: A simple responsive CSS grid for humans
#77Please explain to me: What happened to the philosophy behind http://csszengarden.com ? Back when CSS needed evangelizing, the main selling point was "never touch the DOM for styling". What went wrong?
CSS Zen Garden was more close to art than to real world production work. It existed to draw a line between the old days' table-based layouts and what CSS brought to the table.
In those days CSS was perceived as not powerful and flexible enough, and capable only of boring boxy layouts (which is in fact the favoured aesthetic nowadays) and CSS Zen Garden and other similar sites existed to disprove that notion.
Also, some of the core ideals of the time, like obsessing over having 100% semantic markup and the ability to change styles without having to touch the markup turned out not to be that important.
And, lastly, if you look at the provided source in CSS Zen Garden you can see that it has a lot of DOM affordances like classes, IDs and even some extra markup to make sure that the CSS author had everything she needed to make his design work.
source: I got a design published in the garden a long time ago http://www.csszengarden.com/110/
Re: Pills: A simple responsive CSS grid for humans
#78I don't get the author's pain point. `col-md-12` looks like pretty self-explanatory class name (or `medium-12 columns` in foundation). I mean, you're already writing HTML where `img` means "Image" and `div` means "arbitrary container", so unless you don't understand (or don't care about) the value of a 12 columns grid I don't see what's so bad about bootstrap's column names. Especially if you're already OK with having presentational classes in your markup.
Re: Pills: A simple responsive CSS grid for humans
#79Grids make for fast development but boring websites. I find the design I work with more often break the grid than conform to it.
Are you serious? Unless you're David Carson, you should always design based on a grid if you want good design.
Mark Boulton wrote some amazing articles about grid design long before grid frameworks were a thing http://www.markboulton.co.uk/journal/five-simple-steps-to-de...
Re: Pills: A simple responsive CSS grid for humans
#80It will never not be faster to roll your own based on the project needs. Aside from knowing how to use Bootstrap, I can appreciate the work on these CSS grid systems and frameworks but I don't see any need for most of them. Do people use Blueprint anymore?